/*header 10改9个分类*/ /*#ztmi-body-header{ width:100%; max-width:2560px; height:auto; background:#ffffff; position:absolute; box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1);} #ztmi-body-header-list{ width:1920px; height:166px; background:#ffffff; position:relative; margin:0 auto; padding-top:32px; } #ztmi-body-header-list ul{ width:1920px; height:auto; float:left; } #ztmi-body-header-list li{ width:180px; height:auto; float:left; list-style-type:none; text-align:center; margin:0 4px; font-size:14px; } #ztmi-body-header-list img{ margin-bottom:0px; } @media (min-width: 300px) { #ztmi-body-header{ display:none; } } @media (min-width: 1024px) { #ztmi-body{ width:100%; max-width: 2560px; height:auto; margin-top:70px; overflow:hidden; background:#f5f5f5; } #ztmi-body-header{ display:block; } #ztmi-body-header-list{ width:1024px; height:166px; background:#ffffff; position:relative; margin:0 auto; padding-top:32px; } #ztmi-body-header-list ul{ width:1024px; height:auto; float:left; } #ztmi-body-header-list li{ width:98px; height:auto; float:left; list-style-type:none; text-align:center; margin:0 2px; font-size:14px; } } @media (min-width: 1200px) { #ztmi-body-header-list{ width:1200px; height:166px; background:#ffffff; position:relative; margin:0 auto; padding-top:32px; } #ztmi-body-header-list ul{ width:1200px; height:auto; float:left; } #ztmi-body-header-list li{ width:111px; height:auto; float:left; list-style-type:none; text-align:center; margin:0 4px; font-size:14px; } } @media (min-width: 1600px) { #ztmi-body-header-list{ width:1600px; height:166px; background:#ffffff; position:relative; margin:0 auto; padding-top:14px; } #ztmi-body-header-list ul{ width:1600px; height:auto; float:left; } #ztmi-body-header-list li{ width:150px; height:auto; float:left; list-style-type:none; text-align:center; margin:0 4px; font-size:14px; } } @media (min-width: 1900px) { #ztmi-body-header-list{ width:1920px; height:166px; background:#ffffff; position:relative; margin:0 auto; padding-top:14px; } #ztmi-body-header-list ul{ width:1920px; height:auto; float:left; } #ztmi-body-header-list li{ width:180px; height:auto; float:left; list-style-type:none; text-align:center; margin:0 4px; font-size:14px; } }*/ /*.header-from{ animation: myfrom 1s; animation-fill-mode :forwards; } .header-from li img{ animation: myfromi .7s; animation-fill-mode :forwards; } .header-to{ animation: myto 1s; animation-fill-mode :forwards; } .header-to li img{ animation: mytoi .7s; animation-fill-mode :forwards; } @keyframes myfrom{0%{padding-top:14px;height:166px}100%{padding-top:12px;height:110px}} @keyframes myfromi{0%{width:180px;margin-bottom:0px}100%{width:110px;margin-bottom:2px}} @keyframes myto{0%{padding-top:12px;height:110px}100%{padding-top:14px;height:166px}} @keyframes mytoi{0%{width:110px;margin-bottom:2px}100%{width:180px;margin-bottom:0px}}*/ /*header 10改9个分类*/ #ztmi-body-header{ width:100%; /*max-width:2560px; */ max-width:100%; height:auto; background:#ffffff; position: fixed; left:0; right:0; margin:0 auto; box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); } #ztmi-body-header-list{ width:1863px; height:auto; background:#ffffff; position:relative; margin:0 auto; padding-top:14px; } #ztmi-body-header-list ul{ width:100%; height:auto; float:left; } #ztmi-body-header-list li{ width:207px; max-width:207px; height:auto; float:left; list-style-type:none; text-align:center; margin:0; } #ztmi-body-header-list li a{ margin:0 4px; } #ztmi-body-header-list img{ margin-bottom:0px; width:100%; max-width:180px; } /*padingTop190*/ .padingTop190{ padding-top:35px !important; } #wrap{ width:100%; height:auto; margin:0px auto; overflow:hidden; } #wrap2{ width: 100%; max-width: 1200px; margin: 0px auto; } .content{ padding:0px 20px; } .content-left{ width:50%; float:left; padding:0px 33px 10px 10px; } .content-right{ width:50%; float:left; padding:0px 10px 10px 33px; } .content-left p,.content-right p{ font-size:12px; color:#333333; } .content_d2{ padding:0px 20px; } .yang_card_h4{ font-size:24px; color:#333; line-height:46px; margin:26px auto 5px auto; } .yang_table_h3{ font-size:24px; color:#333; line-height:36px; margin:26px 12px 5px; } .yang_table_h4{ font-size:18px !important; color:#333; line-height:26px !important; margin:6px 4px 0px; } .tab_content{ width:100%; max-width:1200px; margin:0 auto; } .zdl-table-block{ width:100%; max-width:1200px; margin:0 auto; float:left; } .active{ display:block !important; } .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 4px; } table tr td a{ color:#666; padding:2px 4px; border-radius:5px; display:block; } table tr td a:hover{ color:#83b31d; } table tr .center{ text-align:center; } table tr:hover{ background:#f0f0f0; } .table_x{ width:1198px; } .table_x2{ width:1058px; } .table_x3{ width:580px; } .pro_download{ min-height:400px; } .pro_zdltable{ margin:5px 0px 20px 0px; color:#666; font-size:14px; color:#333333; line-height:34px; text-align:center; background:#fbfbfb; } .pro_zdltable td:hover,.pro_zdltable tr:hover{ background:#ececec; } .pro_zdltable td{ border:1px solid #d5d5d5; } .pro_zdltable tr td.no_bd_lf{ border-left:none; } .pro_zdltable tr td.no_bd_rf{ border-right:none; } .pro_zdltable tr th{ border-left:1px solid #d5d5d5; padding:5px 15px; background:#8dc21f; line-height:30px; text-align:center; font-weight:bold; color:#ffffff; } .pro_zdltable_class{ background:#f2f2f2; } .pro_zdltable_class:hover{ background:#ececec; } .pro_zdltable_t1{ font-size:14px; height:22px; margin-bottom:0px; font-weight:bold; } .pro_zdltable_t2{ font-size:12px; height:18px; margin-bottom:14px; } .pro_zdltable_t3{ font-size:12px; height:18px; margin-bottom:0px; } .pro_zdltable_t4{ font-size:12px; height:18px; margin-bottom:6px; } .pro_zdltable_img{ max-width:140px; margin:6px auto; } .yang-table-msg{ width:900px; height:30px; margin-left:30px; } #zdl_main_xuanxing_content table tr:hover{ background:#ffffff; } #zdl_main_proshow_function ul .current,#zdl_main_proshow2_function ul .current{ background:#00b4aa; color:#ffffff; font-weight:bold; } .ct_dt{ color:#ffffff !important; } .pro_norms { margin:10px auto; color:#666; font-size:12px; } .pro_norms tr th,.pro_norms tr td{ border-left:1px solid #E1E1E1; padding:10px 15px; } .pro_norms tr td,.pro_norms tr th{ text-align:left; padding:10px 20px 10px 20px; line-height:22px; border-left:#e1e1e1 1px solid; border-top:#e1e1e1 1px solid; border-bottom:#e1e1e1 1px solid; color:#666; } .pro_norms tr th.no_bd_lf,.pro_norms tr td.no_bd_lf{ border-left:none; } .pro_norms tr th{ background:#f0f0f0; font-size:12px; line-height:28px; text-align:left; font-weight:bold; } .ctbg1{ background:#202224; } .ctbg2{ background:#eaf5fd; } .ctbg3{ background:#535659; } .ctbg4{ background:#fafafa; } .ctbg5{ background:#f7f7f7; } @media (min-width:0px) { #ztmi-body-header{ display:none; } } @media (min-width: 300px) { .content{ padding:0px 10px; } .content_d2{ padding:0px 10px; margin:30px auto; } .zdl_banner_s{ width:100%; height:274px; background:url(../images/tmi-zdl/banner_s.jpg) center center / 100% 100% no-repeat; } .content-left{ width:100%; float:left; padding:0px 5px 10px 5px; } .content-right{ width:100%; float:left; padding:0px 5px 10px 5px; } .table_x3{ width:270px; } #zdl_main_design_pc{ display:none; } #zdl_main_design_mobile{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; } #zdl_main_design_mobile_content{ width:300px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_main_design_mobile_content h2{ width:280px; height:50px; font-size:24px; line-height:36px; margin:30px auto 40px; text-align:center; } #zdl_main_design_mobile_content p{ width:280px; font-size:14px; line-height:24px; color:#555555; text-align:left; margin:0 auto; } #zdl_main_design_mobile_show{ width:300px; height:331px; margin:10px auto 0px; } #zdl_main_design_mobile_show1{ width:122px; height:328px; float:left; margin-top:3px; } #zdl_main_design_mobile_show2{ width:88px; height:331px; float:left; } #zdl_main_design_mobile_show3{ width:90px; height:323px; float:left; margin-top:8px; } #zdl_main_design_mobile_show1-1{ width:122px; height:224px; float:left; } #zdl_main_design_mobile_show1-2{ width:122px; height:104px; float:left; } #zdl_main_design_mobile_show2-1{ width:88px; height:164px; float:left; } #zdl_main_design_mobile_show2-2{ width:88px; height:78px; float:left; } #zdl_main_design_mobile_show2-3{ width:88px; height:89x; float:left; } #zdl_main_design_mobile_show3-1{ width:90px; height:76px; float:left; background:#88bb1d; } #zdl_main_design_mobile_show3-2{ width:90px; height:84px; float:left; background:#88bb1d; } #zdl_main_design_mobile_show3-3{ width:90px; height:76px; float:left; background:#88bb1d; } #zdl_main_design_mobile_show3-4{ width:90px; height:87x; float:left; background:#88bb1d; } #zdl_main_xuanxing{ width:100%; height:auto; padding-top: 0px; float:left; background: #ffffff; } #zdl_main_xuanxing_content{ width:300px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_xuanxing_content h2{ width:280px; height:30px; font-size:24px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_xuanxing_content table{ width:100%; margin:20px 0px 50px; } .xuanxing_t1{ font-size:18px; line-height:28px; color:#333333; text-align:center; font-weight:bold; margin-bottom:4px; } .xuanxing_t2{ font-size:16px; line-height:26px; color:#231815; text-align:center; margin-bottom:3px; } .xuanxing_t3{ font-size:14px; line-height:28px; color:#8fc31f; text-align:center; margin-bottom:0px; } .xuanxing_t3 a{ color:#8fc31f; } .xuanxing_t3 a:hover{ color:#83b31d; } .xuanxing_t4{ font-size:16px; line-height:24px; font-weight:bold; color:#231815; text-align:center; margin-top:10px; margin-bottom:0px; } .xuanxing_t5{ width:100px; height:34px; font-size:16px; line-height:30px; font-weight:bold; color:#231815; text-align:center; margin:10px auto 0px; background:url(../images/tmi-zdl/xuanxing_t5.jpg) #ffffff 22px 0px no-repeat; overflow:hidden; } .xuanxing_t6{ font-size:12px; line-height:22px; color:#333333; text-align:center; margin-bottom:0px; } .yang-table{ width:100%; overflow:auto; margin:20px 0; } #zdl_main_dqm{ width:100%; height:auto; padding-top: 0px; float:left; background:#fbfbfb; padding-bottom:40px; } #zdl_main_dqm_content{ width:300px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_dqm_content h2{ width:280px; height:30px; font-size:24px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_proshow{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:30px; } #zdl_main_proshow_content{ width:280px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_proshow_content h2{ width:280px; height:30px; font-size:24px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_proshow_function{ width:280px; height:250px; margin: 30px auto 10px; } #zdl_main_proshow_function ul{ width:280px; height:auto; float:left; } #zdl_main_proshow_function ul li{ width:132px; height:50px; float:left; font-size:12px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:6px; margin:4px 4px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow_function ol{ width:280px; height:536px; background:#ebf8f8; border:1px solid #daf4f3; border-radius:4px; margin:26px 0px 20px; float:left; } .fs_content{ width:280px; height:536px; } .fs_content_l{ width:280px; height:240px; float:left; padding:50px 30px; } .fs_content_r{ width:280px; height:280px; float:left; padding:4px 16px; } .fs_content_r h3{ width:100%; height:50px; font-size:18px; line-height:26px; font-weight:bold; float:left; margin-top:20px; } .fs_content_r p{ width:98% !important; height:auto !important; float:left !important; background:url(../images/tmi-zdl/dian.png)3px 12px no-repeat; padding-left:20px; line-height:28px; font-size:14px; color:#333333; } .proshow_bg2{ background: #f7f7f7 !important; } #zdl_main_proshow_function>ol>li,#zdl_main_proshow2_function>ol>li{ width:100%; display:none; } #zdl_main_proshow_function>ol>li:first-child,#zdl_main_proshow2_function>ol>li:first-child{ display:block; } .content .pro_lunbo{ width:283px; height:318px; position:relative; margin:20px auto; } .content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li>img{ width:275px; height:144px; } .content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; margin:10px 0px 10px 0px; } .content .pro_lunbo>ol>li>p{ font-size:16px; color:#666; text-align:center; } .content .pro_lunbo>ul{ position:absolute; width:100%; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li{ width:55px; height:42px; margin:5px 6px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img{ width:52px; height:38px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current{ border:2px solid #01b2a9; } #zdl_main_proshow2{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:20px; } #zdl_main_proshow2_content{ width:280px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_proshow2_content .yang_card_h3{ width:280px; font-size:24px; color:#333333; text-align:center; line-height:36px; padding-bottom:20px; padding-top:36px; background:url(../images/tmi-zdl/features1-s.png) 112px 14px no-repeat; margin:0 auto; } #zdl_main_proshow2_content .yang_card_p{ width:100%; margin:0px; padding:0px; font-size:16px; color:#333333; line-height:26px; text-align:center; } #zdl_main_proshow2_content .yang_card_p2{ width:100%; margin:0px; padding:0px; font-size:16px; color:#8fc31f; line-height:66px; text-align:center; } #zdl_main_proshow2_content .yang_card_p2 a{ color:#00b4aa; } #zdl_main_proshow2_content .yang_card_p2 a:hover{ color:#019f94; } #zdl_main_proshow2_function{ width:280px; height:300px; margin: 10px auto 10px; } #zdl_main_proshow2_function ul{ width:280px; height:auto; } #zdl_main_proshow2_function ul li{ width:132px; height:36px; float:left; font-size:12px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:8px; margin:4px 4px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow2_function ol{ width:280px; height:140px; margin:26px 0px 10px; float:left; } #zdl_bigdata_design{ width:100%; height:auto; padding-top: 0px; float:left; } #zdl_bigdata_design_content{ width:280px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_bigdata_design_content h2{ width:280px; height:24px; font-size:24px; font-weight: bold; line-height:36px; margin:30px auto 28px; text-align:center; } #zdl_bigdata_design_content p{ width:280px; font-size:14px; line-height:24px; text-align:left; margin:0 auto; } #zdl_bigdata_design_ico { margin:30px 5px; width:136px; float:left; } #zdl_bigdata_design_show { margin: 30px auto; width: 280px; } .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; } .ct_tit{ font-size:24px; line-height:38px; color:#333; font-weight: bold; text-align:center; margin:50px auto 20px auto; } .ct_tit2{ width:280px; font-size:24px; font-weight: bold; line-height:60px; color:#333; text-align:center; margin:40px auto 10px auto; background:url(../images/tmi-zdl/features1-s.png) 106px -10px no-repeat; } .ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; } .ct_p2{ font-size:16px; color:#8fc31f; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; } .ct_p2 a{ color:#00b4aa; } .ct_p2 a:hover{ color: #019f94; } .ct_p3{ font-size:14px; color:#333; line-height:26px; font-weight:normal; text-align:left; margin-bottom:60px; } .yang_card_list_info{ width:100%; float:left; margin-top:0px; margin-bottom:20px; } .yang_card_list_info h2{ width:100%; font-size:22px; font-weight:bold; text-align:center; color:#333333; margin-top:10px; margin-bottom:16px; } .yang_card_list_info h3{ width:100%; font-size:22px; text-align:center; margin-top:10px; } .yang_card_list_info p{ width:100%; font-size:16px; text-align:center; color:#8fc31f; margin-bottom:0px; } .yang_card_list_info p a{ color:#00b4aa; } .yang_card_list_info p a:hover{ color: #019f94; } .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; } .yang_table_h3{ font-size:24px; color:#333; line-height:36px; margin:40px 8px 5px; } .ct_dt{ color:#ffffff !important; } } /*针对iphone5s*/ @media (min-width: 315px) { .zdl_banner_s{ width:100%; height:288px; } .content{ padding:0px 12px; } .content_d{ padding:0px 12px; } .content_d2{ padding:0px 12px; } .table_x3{ width:280px; } } /*针对1080*1920的android*/ @media (min-width: 360px) { .zdl_banner_s{ width:100%; height:329px; } .table_x3{ width:322px; } #zdl_main_design_mobile_content{ width:360px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_main_design_mobile_content h2{ width:340px; height:24px; font-size:24px; line-height:36px; margin:30px auto 28px; text-align:center; } #zdl_main_design_mobile_content p{ width:340px; font-size:14px; line-height:24px; color:#555555; text-align:left; margin:0 auto; } #zdl_main_design_mobile_show{ width:360px; height:400px; margin:10px auto 0px; } #zdl_main_design_mobile_show1{ width:144px; height:388px; float:left; margin-top:12px; } #zdl_main_design_mobile_show2{ width:106px; height:400px; float:left; margin-top:0px;} #zdl_main_design_mobile_show3{ width:110px; height:395px; float:left; margin-top:5px; } #zdl_main_design_mobile_show1-1{ width:144px; height:265px; float:left; } #zdl_main_design_mobile_show1-2{ width:144px; height:123px; float:left; } #zdl_main_design_mobile_show2-1{ width:106px; height:197px; float:left; } #zdl_main_design_mobile_show2-2{ width:106px; height:95px; float:left; } #zdl_main_design_mobile_show2-3{ width:106px; height:108x; float:left; } #zdl_main_design_mobile_show3-1{ width:110px; height:93px; float:left; } #zdl_main_design_mobile_show3-2{ width:110px; height:102px; float:left; } #zdl_main_design_mobile_show3-3{ width:110px; height:93px; float:left; } #zdl_main_design_mobile_show3-4{ width:110px; height:107x; float:left; } #zdl_main_xuanxing{ width:100%; height:auto; padding-top: 0px; float:left; background: #ffffff; } #zdl_main_xuanxing_content{ width:360px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_xuanxing_content h2{ width:330px; height:30px; font-size:24px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_xuanxing_content table{ width:100%; margin:20px 0px 50px; } .xuanxing_t1{ font-size:18px; line-height:28px; text-align:center; font-weight:bold; margin-bottom:4px; } .xuanxing_t2{ font-size:16px; line-height:26px; text-align:center; margin-bottom:3px; } .xuanxing_t3{ font-size:14px; line-height:28px; color:#8fc31f; text-align:center; margin-bottom:0px; } .xuanxing_t3 a{ color:#8fc31f; } .xuanxing_t3 a:hover{ color:#83b31d; } .xuanxing_t4{ font-size:16px; line-height:24px; font-weight:bold; color:#231815; text-align:center; margin-top:10px; margin-bottom:0px; } .xuanxing_t5{ width:110px; height:50px; font-size:16px; line-height:62px; font-weight:bold; color:#231815; text-align:center; margin:16px auto 0px; background:url(../images/tmi-zdl/xuanxing_t5.jpg) #ffffff -47px -12px no-repeat; overflow:hidden; } .xuanxing_t6{ font-size:14px; line-height:24px; color:#333333; text-align:center; margin-bottom:0px; } #zdl_main_dqm{ width:100%; height:auto; padding-top: 0px; float:left; background: #fbfbfb; } #zdl_main_dqm_content{ width:360px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_dqm_content h2{ width:330px; height:30px; font-size:24px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_proshow{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:60px; } #zdl_main_proshow_content{ width:340px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_proshow_content h2{ width:340px; height:30px; font-size:24px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_proshow_function{ width:344px; height:230px; margin: 30px auto 10px; } #zdl_main_proshow_function ul{ width:344px; height:auto; float:left; } #zdl_main_proshow_function ul li{ width:110px; height:66px; float:left; font-size:12px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:6px; margin:4px 2px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow_function ol{ width:340px; height:506px; background:#ebf8f8; border:1px solid #daf4f3; border-radius:4px; margin:26px 0px 20px; float:left; } .fs_content{ width:340px; height:506px; } .fs_content_l{ width:340px; height:240px; float:left; padding:50px 30px; } .fs_content_r{ width:340px; height:250px; float:left; padding:4px 16px; } .fs_content_r h3{ width:100%; height:50px; font-size:18px; line-height:26px; font-weight:bold; float:left; margin-top:20px; } .fs_content_r p{ width:98% !important; height:auto !important; float:left !important; background:url(../images/tmi-zdl/dian.png)3px 12px no-repeat; padding-left:20px; line-height:28px; font-size:14px; color:#333333; } .proshow_bg2{ background: #f7f7f7 !important; } #zdl_main_proshow2{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:20px; } #zdl_main_proshow2_content{ width:340px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_proshow2_function{ width:344px; height:320px; margin: 10px auto 10px; } #zdl_main_proshow2_function ul{ width:344px; height:auto; } #zdl_main_proshow2_function ul li{ width:150px; height:36px; float:left; font-size:12px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:8px; margin:4px 10px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow2_function ol{ width:340px; height:170px; margin:26px 0px 20px; float:left; } #zdl_bigdata_design_content{ width:320px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_bigdata_design_content h2{ width:320px; height:24px; font-size:24px; line-height:36px; margin:30px auto 28px; text-align:center; } #zdl_bigdata_design_content p{ width:320px; font-size:14px; line-height:24px; text-align:left; margin:0 auto; } #zdl_bigdata_design_ico { margin:30px 5px; width: 136px; float: left; } #zdl_bigdata_design_show { margin: 30px auto; width:320px; } } /*针对iphone6*/ @media (min-width: 375px) { .zdl_banner_s{ width:100%; height:342px; } .table_x3{ width:338px; } #zdl_main_proshow{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:60px; } #zdl_main_proshow_content{ width:356px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_proshow_content h2{ width:356px; height:30px; font-size:24px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_proshow_function{ width:356px; height:230px; margin: 30px auto 10px; } #zdl_main_proshow_function ul{ width:356px; height:auto; float:left; } #zdl_main_proshow_function ul li{ width:110px; height:66px; float:left; font-size:12px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:6px; margin:4px 4px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow_function ol{ width:350px; height:540px; background:#ebf8f8; border:1px solid #daf4f3; border-radius:4px; margin:16px 0px 20px 4px; float:left; } .fs_content{ width:350px; height:540px; } .fs_content_l{ width:350px; height:270px; float:left; padding:50px 30px; } .fs_content_r{ width:350px; height:260px; float:left; padding:4px 16px; } .fs_content_r h3{ width:100%; height:50px; font-size:18px; line-height:26px; font-weight:bold; float:left; margin-top:20px; } .fs_content_r p{ width:98% !important; height:auto !important; float:left !important; background:url(../images/tmi-zdl/dian.png)3px 12px no-repeat; padding-left:20px; line-height:28px; font-size:14px; color:#333333; } .proshow_bg2{ background: #f7f7f7 !important; } .content .pro_lunbo{ width:335px; height:370px; position:relative; margin:20px auto 30px; } .content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li>img{ width:330px; height:173px; } .content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; margin:10px 0px 20px 0px; } .content .pro_lunbo>ol>li>p{ font-size:20px; color:#666; text-align:center; margin-bottom: 20px; } .content .pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li{ width:60px; height:46px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img{ width:57px; height:41px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current{ border:2px solid #01b2a9; } #zdl_main_proshow2{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:20px; } #zdl_main_proshow2_content{ width:356px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_proshow2_function{ width:356px; height:280px; margin: 10px auto 10px; } #zdl_main_proshow2_function ul{ width:356px; height:auto; } #zdl_main_proshow2_function ul li{ width:110px; height:36px; float:left; font-size:12px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:8px; margin:4px 4px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow2_function ol{ width:350px; height:170px; margin:16px 0px 20px 4px; float:left; } #zdl_bigdata_design_content{ width:350px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_bigdata_design_content h2{ width:350px; height:24px; font-size:24px; line-height:36px; margin:30px auto 28px; text-align:center; } #zdl_bigdata_design_content p{ width:350px; font-size:14px; line-height:24px; text-align:left; margin:0 auto; } #zdl_bigdata_design_ico { margin:30px 5px; width: 136px; float: left; } #zdl_bigdata_design_show { margin: 30px auto; width: 350px;} } /*针对全面屏安卓*/ @media (min-width: 390px) { .zdl_banner_s{ width:100%; height:356px; } .table_x3{ width:356px; } } @media (min-width: 400px) { .table_x3{ width:366px; } .zdl_banner_s{ width:100%; height:365px; } .content_d2{ padding:0px 18px; } .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:350px; height:380px; position:relative; margin:20px auto 30px; } .content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li>img{ width:350px; height:185px; } .content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:26px; line-height:46px; margin:10px 0px 20px 0px; } .content .pro_lunbo>ol>li>p{ font-size:22px; color:#666; text-align:center; margin-bottom: 20px; } .content .pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li{ width:63px; height:48px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img{ width:60px; height:43px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current{ border:2px solid #01b2a9; } } /*针对iphone6s plus*/ @media (min-width: 410px) { .table_x3{ width:376px; } #zdl_main_design_mobile_content{ width:410px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_main_design_mobile_content h2{ width:390px; height:24px; font-size:24px; line-height:36px; margin:30px auto 28px; text-align:center; } #zdl_main_design_mobile_content p{ width:390px; font-size:14px; line-height:24px; color:#555555; text-align:left; margin:0 auto; } #zdl_main_design_mobile_show{ width:410px; height:452px; margin:10px auto 0px; } #zdl_main_design_mobile_show1{ width:166px; height:446px; float:left; margin-top:6px; } #zdl_main_design_mobile_show2{ width:120px; height:452px; float:left; margin-top:0px; } #zdl_main_design_mobile_show3{ width:124px; height:445px; float:left; margin-top:7px; } #zdl_main_design_mobile_show1-1{ width:166px; height:305px; float:left; } #zdl_main_design_mobile_show1-2{ width:166px; height:141px; float:left; } #zdl_main_design_mobile_show2-1{ width:120px; height:223px; float:left; } #zdl_main_design_mobile_show2-2{ width:120px; height:107px; float:left; } #zdl_main_design_mobile_show2-3{ width:120px; height:122px; float:left; } #zdl_main_design_mobile_show3-1{ width:124px; height:105px; float:left; } #zdl_main_design_mobile_show3-2{ width:124px; height:115px; float:left; } #zdl_main_design_mobile_show3-3{ width:124px; height:105px; float:left; } #zdl_main_design_mobile_show3-4{ width:124px; height:120px; float:left; } #zdl_main_xuanxing{ width:100%; height:auto; padding-top: 0px; float:left; background: #ffffff; } #zdl_main_xuanxing_content{ width:410px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_xuanxing_content h2{ width:380px; height:30px; font-size:24px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_xuanxing_content table{ width:100%; margin:20px 0px 55px; } .xuanxing_t1{ font-size:18px; line-height:28px; text-align:center; font-weight:bold; margin-bottom:4px; } .xuanxing_t2{ font-size:16px; line-height:26px; text-align:center; margin-bottom:3px; } .xuanxing_t3{ font-size:14px; line-height:28px; color:#8fc31f; text-align:center; margin-bottom:0px; } .xuanxing_t3 a{ color:#8fc31f; } .xuanxing_t3 a:hover{ color:#83b31d; } .xuanxing_t4{ font-size:16px; line-height:24px; font-weight:bold; color:#231815; text-align:center; margin-top:15px; margin-bottom:0px; } .xuanxing_t5{ width:126px; height:50px; font-size:16px; line-height:63px; font-weight:bold; color:#231815; text-align:center; margin:20px auto 0px; background:url(../images/tmi-zdl/xuanxing_t5.jpg) #ffffff -33px -12px no-repeat; overflow:hidden; } .xuanxing_t6{ font-size:12px; line-height:22px; color:#333333; text-align:center; margin-bottom:0px; } #zdl_main_dqm{ width:100%; height:auto; padding-top: 0px; float:left; background: #fbfbfb; } #zdl_main_dqm_content{ width:410px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_dqm_content h2{ width:380px; height:30px; font-size:24px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_proshow{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:60px; } #zdl_main_proshow_content{ width:410px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_proshow_content h2{ width:410px; height:30px; font-size:24px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_proshow_function{ width:403px; height:450px; margin: 30px auto 10px; } #zdl_main_proshow_function ul{ width:403px; height:auto; float:left; } #zdl_main_proshow_function ul li{ width:128px; height:50px; float:left; font-size:12px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:6px; margin:4px 3px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow_function ol{ width:390px; height:536px; background:#ebf8f8; border:1px solid #daf4f3; border-radius:4px; margin:16px 0px 20px 6px; float:left; } .proshow_bg2{ background: #f7f7f7 !important; } .fs_content{ width:390px; height:536px; } .fs_content_l{ width:390px; height:290px; float:left; padding:50px 30px; } .fs_content_r{ width:390px; height:250px; float:left; padding:4px 16px; } .fs_content_r h3{ width:100%; height:50px; font-size:18px; line-height:26px; font-weight:bold; float:left; margin-top:20px; } .fs_content_r p{ width:98% !important; height:auto !important; float:left !important; background:url(../images/tmi-zdl/dian.png)3px 12px no-repeat; padding-left:20px; line-height:28px; font-size:14px; color:#333333; } .content .pro_describe{ width:350px; 26px; } .content .pro_describe p{ color:#5a5a5a; line-height:28px; } .content .pro_lunbo{ width:378px; height:410px; position:relative; margin:20px auto 40px; } .content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li>img{ width:365px; height:193px; } .content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:28px; line-height:46px; margin:10px 0px 20px 0px; } .content .pro_lunbo>ol>li>p{ font-size:22px; color:#666; text-align:center; margin-bottom: 20px; } .content .pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li{ width:65px; height:50px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img{ width:62px; height:45px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current{ border:2px solid #01b2a9; } #zdl_main_proshow2{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:20px; } #zdl_main_proshow2_content{ width:380px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_proshow2_content .yang_card_h3{ width:380px; font-size:24px; color:#333333; text-align:center; line-height:36px; padding-bottom:20px; padding-top:40px; background:url(../images/tmi-zdl/features1-s.png) 165px 17px no-repeat; margin:0 auto; } #zdl_main_proshow2_content .yang_card_p{ width:100%; margin:0px; padding:0px; font-size:16px; color:#333333; line-height:26px; text-align:center; } #zdl_main_proshow2_content .yang_card_p2{ width:100%; margin:0px; padding:0px; font-size:16px; color:#8fc31f; line-height:66px; text-align:center; } #zdl_main_proshow2_function{ width:380px; height:310px; margin: 10px auto 10px; } #zdl_main_proshow2_function ul{ width:380px; height:auto; } #zdl_main_proshow2_function ul li{ width:116px; height:36px; float:left; font-size:12px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:8px; margin:4px 4px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow2_function ol{ width:380px; height:170px; margin:26px 0px 20px; float:left; } #zdl_bigdata_design_content{ width:380px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_bigdata_design_content h2{ width:380px; height:24px; font-size:24px; line-height:36px; margin:30px auto 28px; text-align:center; } #zdl_bigdata_design_content p{ width:370px; font-size:14px; line-height:24px; text-align:left; margin:0 auto; } #zdl_bigdata_design_ico { margin:30px 5px; width: 136px; float: left; } #zdl_bigdata_design_show { margin: 30px auto; width: 390px; } } @media (min-width: 414px) { .zdl_banner_s{ width:100%; height:378px; } } /*针对1440*2560的android*/ @media (min-width: 480px) { .zdl_banner_s{ width:100%; height:438px; } .table_x3{ width:446px; } #zdl_main_design_mobile_content{ width:480px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_main_design_mobile_content h2{ width:440px; height:24px; font-size:24px; line-height:36px; margin:30px auto 28px; text-align:center; } #zdl_main_design_mobile_content p{ width:440px; font-size:14px; line-height:24px; color:#555555; text-align:left; margin:0 auto; } #zdl_main_design_mobile_show{ width:480px; height:535px; margin:10px auto 0px; } #zdl_main_design_mobile_show1{ width:192px; height:516px; float:left; margin-top:19px; } #zdl_main_design_mobile_show2{ width:142px; height:535px; float:left; margin-top:0px; } #zdl_main_design_mobile_show3{ width:146px; height:525px; float:left; margin-top:10px; } #zdl_main_design_mobile_show1-1{ width:192px; height:353px; float:left; } #zdl_main_design_mobile_show1-2{ width:192px; height:163px; float:left; } #zdl_main_design_mobile_show2-1{ width:142px; height:264px; float:left; } #zdl_main_design_mobile_show2-2{ width:142px; height:127px; float:left; } #zdl_main_design_mobile_show2-3{ width:142px; height:144px; float:left; } #zdl_main_design_mobile_show3-1{ width:146px; height:124px; float:left; } #zdl_main_design_mobile_show3-2{ width:146px; height:136px; float:left; } #zdl_main_design_mobile_show3-3{ width:146px; height:124px; float:left; } #zdl_main_design_mobile_show3-4{ width:146px; height:141px; float:left; } #zdl_main_xuanxing{ width:100%; height:auto; padding-top: 0px; float:left; background: #ffffff; } #zdl_main_xuanxing_content{ width:480px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_xuanxing_content h2{ width:480px; height:30px; font-size:24px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_xuanxing_content table{ width:100%; margin:20px 0px 55px; } .xuanxing_t1{ font-size:18px; line-height:28px; text-align:center; font-weight:bold; margin-bottom:4px; } .xuanxing_t2{ font-size:16px; line-height:26px; text-align:center; margin-bottom:3px; } .xuanxing_t3{ font-size:14px; line-height:28px; color:#8fc31f; text-align:center; margin-bottom:0px; } .xuanxing_t3 a{ color:#8fc31f; } .xuanxing_t3 a:hover{ color:#83b31d; } .xuanxing_t4{ font-size:16px; line-height:24px; font-weight:bold; color:#231815; text-align:center; margin-top:15px; margin-bottom:0px; } .xuanxing_t5{ width:150px; height:50px; font-size:16px; line-height:63px; font-weight:bold; color:#231815; text-align:center; margin:20px auto 0px; background:url(../images/tmi-zdl/xuanxing_t5.jpg) #ffffff -8px -12px no-repeat; overflow:hidden; } .xuanxing_t6{ font-size:12px; line-height:22px; color:#333333; text-align:center; margin-bottom:0px; } #zdl_main_dqm{ width:100%; height:auto; padding-top: 0px; float:left; background: #fbfbfb; } #zdl_main_dqm_content{ width:480px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_dqm_content h2{ width:480px; height:30px; font-size:24px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_proshow{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:60px; } #zdl_main_proshow_content{ width:460px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_proshow_content h2{ width:460px; height:30px; font-size:24px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_proshow_function{ width:460px; height:450px; margin: 30px auto 10px; } #zdl_main_proshow_function ul{ width:460px; height:auto; float:left; } #zdl_main_proshow_function ul li{ width:140px; height:50px; float:left; font-size:12px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:6px; margin:4px 6px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow_function ol{ width:442px; height:526px; background:#ebf8f8; border:1px solid #daf4f3; border-radius:4px; margin:16px 0px 20px 6px; float:left; } .fs_content{ width:440px; height:526px; } .fs_content_l{ width:440px; height:290px; float:left; padding:50px 30px; } .fs_content_r{ width:440px; height:240px; float:left; padding:4px 16px; } .fs_content_r h3{ width:100%; height:50px; font-size:18px; line-height:26px; font-weight:bold; float:left; margin-top:20px; } .fs_content_r p{ width:98% !important; height:auto !important; float:left !important; background:url(../images/tmi-zdl/dian.png)3px 12px no-repeat; padding-left:20px; line-height:28px; font-size:14px; color:#333333; } .proshow_bg2{ background: #f7f7f7 !important; } #zdl_main_proshow2{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:20px; } #zdl_main_proshow2_content{ width:440px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_proshow2_content .yang_card_h3{ width:380px; font-size:24px; color:#333333; text-align:center; line-height:36px; padding-bottom:20px; padding-top:40px; background:url(../images/tmi-zdl/features1-s.png) 165px 16px no-repeat; margin:0 auto; } #zdl_main_proshow2_content .yang_card_p{ width:100%; margin:0px; padding:0px; font-size:16px; color:#333333; line-height:26px; text-align:center; } #zdl_main_proshow2_content .yang_card_p2{ width:100%; margin:0px; padding:0px; font-size:16px; color:#8fc31f; line-height:66px; text-align:center; } #zdl_main_proshow2_function{ width:440px; height:320px; margin: 10px auto 10px; } #zdl_main_proshow2_function ul{ width:440px; height:auto; } #zdl_main_proshow2_function ul li{ width:134px; height:36px; float:left; font-size:12px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:8px; margin:4px 6px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow2_function ol{ width:440px; height:200px; margin:26px 0px 20px; float:left; } #zdl_bigdata_design_content{ width:440px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_bigdata_design_content h2{ width:440px; height:24px; font-size:24px; line-height:36px; margin:30px auto 28px; text-align:center; } #zdl_bigdata_design_content p{ width:440px; font-size:14px; line-height:24px; text-align:left; margin:0 auto; } #zdl_bigdata_design_ico { margin:30px 5px; width: 136px; float: left; } #zdl_bigdata_design_show { margin: 30px auto; width: 440px; } } @media (min-width: 500px) { .zdl_banner_s{ width:100%; height:457px; } .table_x3{ width:466px; } #zdl_main_design_mobile_content{ width:500px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_main_design_mobile_content h2{ width:460px; height:24px; font-size:24px; line-height:36px; margin:30px auto 28px; text-align:center; } #zdl_main_design_mobile_content p{ width:460px; font-size:14px; line-height:24px; color:#555555; text-align:left; margin:0 auto; } #zdl_main_xuanxing{ width:100%; height:auto; padding-top: 0px; float:left; background: #ffffff; } #zdl_main_xuanxing_content{ width:500px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_xuanxing_content h2{ width:470px; height:30px; font-size:24px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_xuanxing_content table{ width:100%; margin:20px 0px 55px; } .xuanxing_t1{ font-size:18px; line-height:28px; text-align:center; font-weight:bold; margin-bottom:4px; } .xuanxing_t2{ font-size:16px; line-height:26px; text-align:center; margin-bottom:3px; } .xuanxing_t3{ font-size:14px; line-height:28px; color:#8fc31f; text-align:center; margin-bottom:0px; } .xuanxing_t3 a{ color:#8fc31f; } .xuanxing_t3 a:hover{ color:#83b31d; } .xuanxing_t4{ font-size:16px; line-height:24px; font-weight:bold; color:#231815; text-align:center; margin-top:15px; margin-bottom:0px; } .xuanxing_t5{ width:150px; height:50px; font-size:16px; line-height:63px; font-weight:bold; color:#231815; text-align:center; margin:20px auto 0px; background:url(../images/tmi-zdl/xuanxing_t5.jpg) #ffffff -8px -12px no-repeat; overflow:hidden; } .xuanxing_t6{ font-size:12px; line-height:22px; color:#333333; text-align:center; margin-bottom:0px; } #zdl_main_dqm{ width:100%; height:auto; padding-top: 0px; float:left; background: #fbfbfb; } #zdl_main_dqm_content{ width:500px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_dqm_content h2{ width:470px; height:30px; font-size:24px; line-height:36px; margin:36px auto 8px; text-align:center; } .content .pro_lunbo{ width:460px; height:458px; position:relative; margin:20px auto 40px; } .content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li>img{ width:450px; height:238px; } .content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:30px; line-height:46px; margin:10px 0px 20px 0px; } .content .pro_lunbo>ol>li>p{ font-size:22px; color:#666; text-align:center; margin-bottom: 20px; } .content .pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li{ width:70px; height:54px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img{ width:67px; height:48px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current{ border:2px solid #01b2a9; } .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; } #zdl_bigdata_design_content{ width:470px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_bigdata_design_content h2{ width:470px; height:24px; font-size:24px; line-height:36px; margin:40px auto 28px; text-align:center; } #zdl_bigdata_design_content p{ width:470px; font-size:14px; line-height:24px; text-align:left; margin:0 auto; } #zdl_bigdata_design_ico { margin:30px 8px; width: 136px; float: left; } #zdl_bigdata_design_show { margin: 30px auto; width: 480px; } } @media (min-width: 600px) { .zdl_banner_s{ width:100%; height:548px; } .content{ padding:0px 18px; margin:0px 0px; } .table_x3{ width:550px; } #zdl_main_design_mobile_content{ width:600px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_main_design_mobile_content h2{ width:560px; height:28px; font-size:28px; line-height:36px; margin:30px auto 28px; text-align:center; } #zdl_main_design_mobile_content p{ width:560px; font-size:14px; line-height:24px; color:#555555; text-align:left; margin:0 auto; } #zdl_main_design_mobile_show{ width:600px; height:657px; margin:10px auto 0px; } #zdl_main_design_mobile_show1{ width:244px; height:657px; float:left; margin-top:0px; } #zdl_main_design_mobile_show2{ width:174px; height:655px; float:left; margin-top:2px; } #zdl_main_design_mobile_show3{ width:182px; height:655px; float:left; margin-top:2px; } #zdl_main_design_mobile_show1-1{ width:244px; height:449px; float:left; } #zdl_main_design_mobile_show1-2{ width:244px; height:208px; float:left; } #zdl_main_design_mobile_show2-1{ width:174px; height:323px; float:left; } #zdl_main_design_mobile_show2-2{ width:174px; height:155px; float:left; } #zdl_main_design_mobile_show2-3{ width:174px; height:177px; float:left; } #zdl_main_design_mobile_show3-1{ width:182px; height:155px; float:left; } #zdl_main_design_mobile_show3-2{ width:182px; height:169px; float:left; } #zdl_main_design_mobile_show3-3{ width:182px; height:155px; float:left; } #zdl_main_design_mobile_show3-4{ width:182px; height:176px; float:left; } #zdl_main_xuanxing{ width:100%; height:auto; padding-top: 0px; float:left; background: #ffffff; } #zdl_main_xuanxing_content{ width:600px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_xuanxing_content h2{ width:600px; height:30px; font-size:28px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_xuanxing_content table{ width:100%; margin:20px 0px 55px; } .xuanxing_t1{ font-size:18px; line-height:28px; text-align:center; font-weight:bold; margin-bottom:4px; } .xuanxing_t2{ font-size:16px; line-height:26px; text-align:center; margin-bottom:3px; } .xuanxing_t3{ font-size:14px; line-height:28px; color:#8fc31f; text-align:center; margin-bottom:0px; } .xuanxing_t3 a{ color:#8fc31f; } .xuanxing_t3 a:hover{ color:#83b31d; } .xuanxing_t4{ font-size:16px; line-height:24px; font-weight:bold; color:#231815; text-align:center; margin-top:15px; margin-bottom:0px; } .xuanxing_t5{ width:160px; height:50px; font-size:16px; line-height:63px; font-weight:bold; color:#231815; text-align:center; margin:20px auto 0px; background:url(../images/tmi-zdl/xuanxing_t5.jpg) #ffffff 0px -12px no-repeat; overflow:hidden; } .xuanxing_t6{ font-size:12px; line-height:22px; color:#333333; text-align:center; margin-bottom:0px; } #zdl_main_dqm{ width:100%; height:auto; padding-top: 0px; float:left; background: #fbfbfb; } #zdl_main_dqm_content{ width:600px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_dqm_content h2{ width:600px; height:30px; font-size:28px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_proshow{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:60px; } #zdl_main_proshow_content{ width:560px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_proshow_content h2{ width:560px; height:30px; font-size:28px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_proshow_function{ width:560px; height:450px; margin: 30px auto 10px; } #zdl_main_proshow_function ul{ width:560px; height:auto; float:left; } #zdl_main_proshow_function ul li{ width:160px; height:50px; float:left; font-size:12px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:6px; margin:8px 13px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow_function ol{ width:542px; height:526px; background:#ebf8f8; border:1px solid #daf4f3; border-radius:4px; margin:16px 0px 20px 6px; float:left; } .fs_content{ width:540px; height:526px; } .fs_content_l{ width:540px; height:290px; float:left; padding:50px 30px; } .fs_content_r{ width:540px; height:240px; float:left; padding:4px 16px; } .fs_content_r h3{ width:100%; height:50px; font-size:18px; line-height:26px; font-weight:bold; float:left; margin-top:20px; } .fs_content_r p{ width:98% !important; height:auto !important; float:left !important; background:url(../images/tmi-zdl/dian.png)3px 12px no-repeat; padding-left:20px; line-height:28px; font-size:14px; color:#333333; } .proshow_bg2{ background: #f7f7f7 !important; } .content .pro_lunbo{ width:550px; height:500px; position:relative; margin:40px auto 40px; } .content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li>img{ width:530px; height:280px; } .content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:32px; line-height:46px; margin:10px 0px 20px 0px; } .content .pro_lunbo>ol>li>p{ font-size:26px; color:#666; text-align:center; margin-bottom: 20px; } .content .pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li{ width:90px; height:69px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img{ width:85px; height:61px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current{ border:2px solid #01b2a9; } #zdl_main_proshow2{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:60px; } #zdl_main_proshow2_content{ width:560px; height:auto; margin: 0 auto; padding-top:20px; } #zdl_main_proshow2_content .yang_card_h3{ width:380px; font-size:28px; color:#333333; text-align:center; line-height:40px; padding-bottom:20px; padding-top:17px; background:url(../images/tmi-zdl/features1-s.png) 184px -5px no-repeat; margin:0 auto; } #zdl_main_proshow2_content .yang_card_p{ width:100%; margin:0px; padding:0px; font-size:16px; color:#333333; line-height:26px; text-align:center; } #zdl_main_proshow2_content .yang_card_p2{ width:100%; margin:0px; padding:0px; font-size:16px; color:#8fc31f; line-height:66px; text-align:center; } #zdl_main_proshow2_function{ width:560px; height:400px; margin: 10px auto 10px; } #zdl_main_proshow2_function ul{ width:560px; height:auto; } #zdl_main_proshow2_function ul li{ width:160px; height:50px; float:left; font-size:16px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:14px; margin:8px 13px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow2_function ol{ width:542px; height:250px; margin:16px 0px 20px 6px; float:left; } #zdl_bigdata_design_content{ width:560px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_bigdata_design_content h2{ width:560px; height:24px; font-size:24px; line-height:36px; margin:40px auto 28px; text-align:center; } #zdl_bigdata_design_content p{ width:560px; font-size:14px; line-height:24px; text-align:left; margin:0 auto; } #zdl_bigdata_design_ico { margin:30px 11px; width: 136px; float: left; } #zdl_bigdata_design_show { margin: 30px auto; width: 560px; } .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; } .ct_tit{ font-size:28px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto; } .ct_tit2{ width:280px; font-size:28px; line-height:64px; color:#333; text-align:center; margin:40px auto 10px auto; background:url(../images/tmi-zdl/features1-s.png) 120px -10px no-repeat; } .ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; } } @media (min-width: 700px) { .zdl_banner_s{ width:100%; height:639px; } .content{ padding:0px 18px; margin:0px 0px; } .table_x3{ width:650px; } #zdl_main_design_mobile_content{ width:700px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_main_design_mobile_content h2{ width:660px; height:32px; font-size:32px; line-height:36px; margin:30px auto 28px; text-align:center; } #zdl_main_design_mobile_content p{ width:660px; font-size:14px; line-height:24px; color:#555555; text-align:left; margin:0 auto; } #zdl_main_design_mobile_show{ width:700px; height:768px; margin:10px auto 0px; } #zdl_main_design_mobile_show1{ width:284px; height:764px; float:left; margin-top:4px; } #zdl_main_design_mobile_show2{ width:204px; height:768px; float:left; margin-top:0px; } #zdl_main_design_mobile_show3{ width:212px; height:762px; float:left; margin-top:6px; } #zdl_main_design_mobile_show1-1{ width:284px; height:522px; float:left; } #zdl_main_design_mobile_show1-2{ width:284px; height:242px; float:left; } #zdl_main_design_mobile_show2-1{ width:204px; height:379px; float:left; } #zdl_main_design_mobile_show2-2{ width:204px; height:182px; float:left; } #zdl_main_design_mobile_show2-3{ width:204px; height:207px; float:left; } #zdl_main_design_mobile_show3-1{ width:212px; height:180px; float:left; } #zdl_main_design_mobile_show3-2{ width:212px; height:197px; float:left; } #zdl_main_design_mobile_show3-3{ width:212px; height:180px; float:left; } #zdl_main_design_mobile_show3-4{ width:212px; height:205px; float:left; } #zdl_main_xuanxing{ width:100%; height:auto; padding-top: 0px; float:left; background: #ffffff; } #zdl_main_xuanxing_content{ width:700px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_xuanxing_content h2{ width:700px; height:33px; font-size:32px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_xuanxing_content table{ width:100%; margin:20px 0px 55px; } .xuanxing_t1{ font-size:18px; line-height:28px; text-align:center; font-weight:bold; margin-bottom:4px; } .xuanxing_t2{ font-size:16px; line-height:26px; text-align:center; margin-bottom:3px; } .xuanxing_t3{ font-size:14px; line-height:28px; color:#8fc31f; text-align:center; margin-bottom:0px; } .xuanxing_t3 a{ color:#8fc31f; } .xuanxing_t3 a:hover{ color:#83b31d; } .xuanxing_t4{ font-size:16px; line-height:24px; font-weight:bold; color:#231815; text-align:center; margin-top:15px; margin-bottom:0px; } .xuanxing_t5{ width:200px; height:50px; font-size:16px; line-height:63px; font-weight:bold; color:#231815; text-align:center; margin:20px auto 0px; background:url(../images/tmi-zdl/xuanxing_t5.jpg) #ffffff 38px -12px no-repeat; overflow:hidden; } .xuanxing_t6{ font-size:12px; line-height:22px; color:#333333; text-align:center; margin-bottom:0px; } #zdl_main_dqm{ width:100%; height:auto; padding-top: 0px; float:left; background: #fbfbfb; } #zdl_main_dqm_content{ width:700px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_dqm_content h2{ width:700px; height:33px; font-size:32px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_proshow{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:60px; } #zdl_main_proshow_content{ width:670px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_proshow_content h2{ width:670px; height:33px; font-size:32px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_proshow_function{ width:670px; height:450px; margin: 30px auto 10px; } #zdl_main_proshow_function ul{ width:670px; height:auto; float:left; } #zdl_main_proshow_function ul li{ width:128px; height:50px; float:left; font-size:12px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:6px; margin:8px 3px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow_function ol{ width:660px; height:526px; background:#ebf8f8; border:1px solid #daf4f3; border-radius:4px; margin:16px 0px 20px 6px; float:left; } .fs_content{ width:660px; height:526px; } .fs_content_l{ width:660px; height:290px; float:left; padding:50px 30px; } .fs_content_r{ width:660px; height:240px; float:left; padding:4px 16px; } .fs_content_r h3{ width:100%; height:50px; font-size:18px; line-height:26px; font-weight:bold; float:left; margin-top:20px; } .fs_content_r p{ width:98% !important; height:auto !important; float:left !important; background:url(../images/tmi-zdl/dian.png)3px 12px no-repeat; padding-left:20px; line-height:28px; font-size:14px; color:#333333; } .proshow_bg2{ background: #f7f7f7 !important; } .content .pro_lunbo{ width:660px; height:620px; position:relative; margin:40px auto 50px; } .content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li>img{ width:650px; height:344px; margin-top:30px; } .content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:42px; line-height:46px; margin:10px 0px 20px 0px; } .content .pro_lunbo>ol>li>p{ font-size:26px; color:#666; text-align:center; margin-bottom: 20px; } .content .pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current{ border:2px solid #01b2a9; } #zdl_main_proshow2{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:60px; } #zdl_main_proshow2_content{ width:670px; height:auto; margin: 0 auto; padding-top:20px; } #zdl_main_proshow2_content .yang_card_h3{ width:380px; font-size:32px; color:#333333; text-align:center; line-height:40px; padding-bottom:20px; padding-top:40px; background:url(../images/tmi-zdl/features1-s.png) 195px 16px no-repeat; margin:0 auto; } #zdl_main_proshow2_content .yang_card_p{ width:100%; margin:0px; padding:0px; font-size:16px; color:#333333; line-height:26px; text-align:center; } #zdl_main_proshow2_content .yang_card_p2{ width:100%; margin:0px; padding:0px; font-size:16px; color:#8fc31f; line-height:66px; text-align:center; } #zdl_main_proshow2_function{ width:670px; height:400px; margin: 10px auto 10px; } #zdl_main_proshow2_function ul{ width:670px; height:auto; } #zdl_main_proshow2_function ul li{ width:127px; height:50px; float:left; font-size:14px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:14px; margin:8px 3px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow2_function ol{ width:660px; height:300px; margin:16px 0px 20px 6px; 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; } .ct_tit{ font-size:32px; line-height:48px; color:#333; text-align:center; margin:50px auto 20px auto; } .ct_tit2{ width:380px; font-size:32px; line-height:64px; color:#333; text-align:center; margin:40px auto 10px auto; background:url(../images/tmi-zdl/features1-s.png) 180px -10px no-repeat; } .ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:30px; } .yang_card_list_info{ width:50%; float:left; margin-top:0px; margin-top:30px; margin-bottom:20px; } .yang_card_list_info h2{ width:100%; font-size:22px; font-weight:bold; text-align:center; color:#333333; margin-top:10px; margin-bottom:16px; } .yang_card_list_info h3{ width:100%; font-size:22px; text-align:center; margin-top:10px; } .yang_card_list_info p{ width:100%; font-size:16px; text-align:center; color:#8fc31f; margin-bottom:0px; } #zdl_bigdata_design_content{ width:660px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_bigdata_design_content h2{ width:660px; height:32px; font-size:32px; line-height:36px; margin:40px auto 28px; text-align:center; } #zdl_bigdata_design_content p{ width:660px; font-size:14px; line-height:24px; text-align:left; margin:0 auto; } #zdl_bigdata_design_show { margin: 30px auto; width: 660px; } } @media (min-width: 767px) { .zdl_banner_s{ width:100%; height:700px; } .content{ padding:0px 18px; margin:0px 0px; } .content_d2{ padding:0px 18px; } .table_x3{ width:716px; } .content .pro_lunbo{ width:725px; height:680px; position:relative; margin:40px auto 50px; } .content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li>img{ width:710px; height:376px;margin-top:50px; } .content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:42px; line-height:46px; margin:10px 0px 20px 0px; } .content .pro_lunbo>ol>li>p{ font-size:26px; color:#666; text-align:center; margin-bottom: 20px; } .content .pro_lunbo>ul{ position:absolute; width:100%; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current{ border:2px solid #01b2a9; } .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; } #zdl_bigdata_design_content{ width:720px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_bigdata_design_content h2{ width:720px; height:32px; font-size:32px; line-height:36px; margin:50px auto 28px; text-align:center; } #zdl_bigdata_design_content p{ width:720px; font-size:14px; line-height:24px; text-align:left; margin:0 auto; } #zdl_bigdata_design_show {margin: 30px auto; width: 720px; } .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; } .describe{ color:#a39da1; padding-left:10px; line-height:16px; } .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) { .zdl_banner{ width:100%; height:426px; background:url(../images/tmi-zdl/banner.jpg) center center / 1920px 426px no-repeat; } .zdl_nav{ width:100%; height:50px; background:#484c4f; } .zdl_nav_b ul { width:768px; height:50px; line-height:48px; margin:0 auto; } .zdl_nav_b ul li{ width:80px; height:50px; float:left; text-align:center; color:#ffffff; } .zdl_nav_b ul li a{ width:100%; height:50px; color:#ffffff; display:block; cursor:pointer; font-size:14px; line-height:48px; } .zdl_nav_b ul li a:hover{ background:#323536; } .zdl_nav_b ul li:nth-child(1){ width:80px; } .zdl_nav_b ul li:nth-child(2){ width:96px; } .zdl_nav_b ul li:nth-child(3){ width:114px; } .zdl_nav_b ul li:nth-child(4){ width:110px; } .zdl_nav_b ul li:nth-child(5){ width:100px; } .zdl_nav_b ul li:nth-child(6){ width:72px; } .zdl_nav_b ul li:nth-child(7){ width:96px; } .zdl_nav_b ul li:nth-child(8){ width:100px; } .m_active{ background:#323536; } .m_active span{ background:url(../images/tmi-zdl/ico_up.png) no-repeat !important; } #pro_list{ width:220px; height:auto; position:absolute; background-color:rgba(48,50,51,0.9); opacity: 0.9; z-index:60; display:none; } .pro_list span{ width:13px; height:11px; background:url(../images/tmi-zdl/ico_down.png) no-repeat; display: inline-block; overflow:hidden; margin-left:6px; } #pro_list li{ width:220px; text-align:left; text-indent:1em; } #industry_list{ width:160px; height:auto; position:absolute; background-color:rgba(48,50,51,0.9); opacity: 0.9; z-index:61; display:none; } .industry_list span{ width:13px; height:11px; background:url(../images/tmi-zdl/ico_down.png) no-repeat; display: inline-block; overflow:hidden; margin-left:6px; } #industry_list li{ width:160px; text-align:left; text-indent:1em; } #zdl_main_design_mobile_content h2{ width:660px; height:42px; font-size:38px; line-height:42px; margin:50px auto 28px; text-align:center; } #zdl_main_design_mobile_content p{ width:660px; font-size:16px; line-height:32px; color:#555555; text-align:left; margin:0 auto; } #zdl_main_xuanxing_content h2{ width:700px; height:38px; font-size:36px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_dqm_content h2{ width:700px; height:38px; font-size:36px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_proshow_function ul .current{ background:#00b4aa; color:#ffffff; font-weight:bold; } #zdl_main_proshow{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:60px; } #zdl_main_proshow_content{ width:700px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_proshow_content h2{ width:700px; height:36px; font-size:36px; line-height:36px; margin:36px auto 8px; text-align:center; } #zdl_main_proshow_function{ width:700px; height:450px; margin: 30px auto 10px; } #zdl_main_proshow_function ul{ width:700px; height:auto; float:left; } #zdl_main_proshow_function ul li{ width:133px; height:50px; float:left; font-size:12px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:6px; margin:8px 3px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow_function ol{ width:686px; height:526px; background:#ebf8f8; border:1px solid #daf4f3; border-radius:4px; margin:16px 0px 20px 6px; float:left; } .fs_content{ width:680px; height:526px; } .fs_content_l{ width:680px; height:290px; float:left; padding:50px 30px; } .fs_content_r{ width:680px; height:240px; float:left; padding:4px 16px; } .fs_content_r h3{ width:100%; height:50px; font-size:18px; line-height:26px; font-weight:bold; float:left; margin-top:20px; } .fs_content_r p{ width:98% !important; height:auto !important; float:left !important; background:url(../images/tmi-zdl/dian.png)3px 12px no-repeat; padding-left:20px; line-height:28px; font-size:14px; color:#333333; } .pro_intro .con_h2{ font-size:64px; line-height:80px; color:#ffffff; text-align:center; margin:98px auto 7px auto; } .pro_intro .con_h3{ font-size:24px; color:#ffffff; line-height:32px; font-weight:normal; text-align:center; margin: 36px 70px 10px 70px; } #ZDL3000 .con_h2,#ZDL3000 .con_h3{ color: #000000; } .proshow_bg2{ background: #f7f7f7 !important; } .ct_dt{ color:#ffffff; } #zdl_main_proshow2_function ul .current{ background:#00b4aa; color:#ffffff; font-weight:bold; } .pro_intro_c{ height:720px; overflow:hidden; position:relative; } .pro_intro_c ul{ width:9999px; height:100%; overflow:hidden; position:absolute; top:0; left:0; } .pic_img li{ height:660px; width:100%; float:left; position:relative; } .pic_img li.li-img img{ display:block; margin:auto; } #btn_prev,#btn_next{ z-index:111; position:absolute; display:block; width:50px; height:50px; background:url(../images/tmi-zdl/round_ico.png) no-repeat; margin-top:250px; display:block; overflow:hidden; } #btn_prev{ background-position:0 -2px; left:1%; } #btn_next{ background-position:0 -53px; right:1%; } #zdl_main_proshow2{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:30px; } #zdl_main_proshow2_content{ width:730px; height:auto; margin: 0 auto; padding-top:20px; } #zdl_main_proshow2_content .yang_card_h3{ width:380px; font-size:36px; color:#333333; text-align:center; line-height:46px; padding-bottom:20px; padding-top:50px; background:url(../images/tmi-zdl/features1-s.png) 204px 23px no-repeat; margin:0 auto; } #zdl_main_proshow2_content .yang_card_p{ width:100%; margin:0px; padding:0px; font-size:16px; color:#333333; line-height:26px; text-align:center; } #zdl_main_proshow2_content .yang_card_p2{ width:100%; margin:0px; padding:0px; font-size:16px; color:#8fc31f; line-height:66px; text-align:center; } #zdl_main_proshow2_function{ width:700px; height:400px; margin: 10px auto 10px; } #zdl_main_proshow2_function ul{ width:700px; height:auto; } #zdl_main_proshow2_function ul li{ width:127px; height:50px; float:left; font-size:14px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:14px; margin:8px 6px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow2_function ol{ width:700px; height:300px; margin:16px 0px 20px 6px; float:left; } #zdl_bigdata_design_content h2{ width:660px; height:46px; font-size:38px; line-height:42px; margin:50px auto 28px; text-align:center; background: url(../images/tmi-zdl/bigdata/ico.png) no-repeat 0px 0px; } .analysis #zdl_bigdata_design_content h2{ width:660px; height:46px; font-size:38px; line-height:42px; margin:50px auto 28px; text-align:center; background: url(../images/tmi-zdl/analysis/ico.png) no-repeat 0px 0px; } #zdl_bigdata_design_content p{ width:660px; font-size:16px; line-height:32px; text-align:left; margin:0 auto; } #zdl_bigdata_design_show {margin: 30px auto; width: 680px;} .analysis #zdl_bigdata_design_ico{ 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 0px 25px 0px; } .ct_tit{ font-size:36px; line-height:80px; color:#333; text-align:center; margin:41px auto 7px auto; } .ct_tit2{ font-size:36px; height:90px; line-height:103px; color:#333; text-align:center; margin:40px auto 9px auto; background:url(../images/tmi-zdl/features1-s.png) 188px 0px no-repeat; } .ct_p{ font-size:16px; color:#333333; line-height:32px; font-weight:normal; text-align:center; margin:0 70px 10px 50px; } .ct_p2{ width:100%; margin:0px; padding:0 70px; font-size:16px; color:#8fc31f; line-height:50px; text-align:center; } .ct_p3{ font-size:14px; color:#333333; line-height:32px; font-weight:normal; text-align:left; margin:0 10px 10px 50px; } .ct_dt{ color:#ffffff; } } @media (min-width: 770px) { .content{ padding:25px 0px 30px 0px; margin:0px 0px; } .content_d{ padding:0px 18px; margin:0px 0px; } .content_d2{ padding:0px 18px; } .yang_pro_list{ padding-top:0px; } .table_x3{ width:750px; } } @media (min-width: 785px) { .content_d{ padding:0px 18px; } .content_d2{ padding:0px 18px; } .table_x3{ width:760px; } #zdl_bigdata_design_ico {margin: 30px 0 0 50px; width: 136px; float: left; } } @media (min-width: 800px) { .table_x3{ width:780px; } .zdl_nav_b ul { width:800px; height:50px; line-height:48px; margin:0 auto; } .zdl_nav_b ul li{ width:80px; height:50px; float:left; text-align:center; color:#ffffff; } .zdl_nav_b ul li a{ width:100%; height:50px; color:#ffffff; display:block; cursor:pointer; font-size:14px; line-height:48px; } .zdl_nav_b ul li a:hover{ background:#323536; } .zdl_nav_b ul li:nth-child(1){ width:84px; } .zdl_nav_b ul li:nth-child(2){ width:100px; } .zdl_nav_b ul li:nth-child(3){ width:118px; } .zdl_nav_b ul li:nth-child(4){ width:114px; } .zdl_nav_b ul li:nth-child(5){ width:104px; } .zdl_nav_b ul li:nth-child(6){ width:76px; } .zdl_nav_b ul li:nth-child(7){ width:100px; } .zdl_nav_b ul li:nth-child(8){ width:104px; } #zdl_bigdata_design_ico { margin:30px 0 20px 10px; width: 136px; float: left;} #zdl_bigdata_design_content{ width:100%; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_bigdata_design_content h2{ width:760px; height:46px; font-size:38px; line-height:42px; margin:50px auto 28px; text-align:center; } .analysis #zdl_bigdata_design_content h2{ width:760px; height:46px; font-size:38px; line-height:42px; margin:50px auto 28px; text-align:center; } #zdl_bigdata_design_content p{ width: 760px; font-size:16px; line-height:32px; text-align:left; margin:0 auto; } } @media (min-width: 890px) { #zdl_bigdata_design_ico { margin: 30px 0 0 10px; width: 136px; float: left; } } @media (min-width: 980px) { .table_x3{ width:950px; } .zdl_nav_b ul { width:980px; height:50px; line-height:48px; margin:0 auto; } .zdl_nav_b ul li{ width:80px; height:50px; float:left; text-align:center; color:#ffffff; } .zdl_nav_b ul li a{ width:100%; height:50px; color:#ffffff; display:block; cursor:pointer; font-size:14px; line-height:48px; } .zdl_nav_b ul li a:hover{ background:#323536; } .zdl_nav_b ul li:nth-child(1){ width:106px; } .zdl_nav_b ul li:nth-child(2){ width:122px; } .zdl_nav_b ul li:nth-child(3){ width:140px; } .zdl_nav_b ul li:nth-child(4){ width:136px; } .zdl_nav_b ul li:nth-child(5){ width:126px; } .zdl_nav_b ul li:nth-child(6){ width:98px; } .zdl_nav_b ul li:nth-child(7){ width:122px; } .zdl_nav_b ul li:nth-child(8){ width:126px; } #zdl_bigdata_design_content { width: 820px; height: auto; margin: 0 auto; padding: 10px 0px 0px;} #zdl_bigdata_design_content h2 { width: 820px; height: 46px; font-size: 38px; line-height: 42px; margin: 50px auto 28px; text-align: center;} .analysis #zdl_bigdata_design_content h2{ width: 820px; height: 46px; font-size: 38px; line-height: 42px; margin: 50px auto 28px; text-align: center; } #zdl_bigdata_design_content p { width: 820px; font-size: 16px; line-height: 32px; text-align: left; margin: 0 auto; } #zdl_bigdata_design_ico { margin: 30px 0 20px 0px; width: 136px; float: left; } } @media (min-width: 992.1px) { /*#ztmi-body-header-list{ width:1024px;padding-top:32px; } #ztmi-body-header-list li{ width:126px;margin:0;}*/ #ztmi-body-header{ display:block; } #ztmi-body-header-list{ width:100%; } #ztmi-body-header-list ul{ width:100%; } #ztmi-body-header-list li{ width:11.11111111111111%; max-width:11.11111111111111%; } #ztmi-body-header-list li a{ margin:0px; } .padingTop190{ padding-top:123px!important; } } @media (min-width: 1023px) { .content{ padding:25px 0px 25px 0px; } .content_d{ padding:35px 0px 50px 0px; margin:0px auto; } .content_d2{ padding:25px 0px 50px 0px; margin:0px auto; } .pro_intro { height:auto; overflow:hidden; position:relative; width:100%; } #ZDL6000 .content{ padding:25px 0px 0px 0px; } #ZDL6000 .content .con_p{ margin: 0 70px 10px 70px; } } @media (min-width: 1024px) { .padingTop190{ padding-top:125px!important; } .pro_intro_c { height:650px; overflow:hidden; position:relative; } .pro_intro_c ul { width:9999px; height:100%; overflow:hidden; position:absolute; top:20px; left:0; } .pic_img li { height:650px; width:100%; float:left; position:relative; } .table_x3{ width:460px; } .content-left{ width:50%; float:left; padding:0px 33px 10px 10px; } .content-right{ width:50%; float:left; padding:0px 10px 10px 33px; } .zdl_nav_b ul { width:1024px; height:50px; line-height:48px; margin:0 auto; } .zdl_nav_b ul li{ width:128px; height:50px; float:left; text-align:center; color:#ffffff; } .zdl_nav_b ul li a{ width:100%; height:50px; color:#ffffff; display:block; cursor:pointer; font-size:14px; line-height:48px; } .zdl_nav_b ul li a:hover{ background:#323536; } .zdl_nav_b ul li:nth-child(1){ width:120px; } .zdl_nav_b ul li:nth-child(2){ width:130px; } .zdl_nav_b ul li:nth-child(3){ width:160px; } .zdl_nav_b ul li:nth-child(4){ width:150px; } .zdl_nav_b ul li:nth-child(5){ width:120px; } .zdl_nav_b ul li:nth-child(6){ width:92px; } .zdl_nav_b ul li:nth-child(7){ width:130px; } .zdl_nav_b ul li:nth-child(8){ width:120px; } #pro_list{ width:240px; height:auto; position:absolute; background-color:rgba(48,50,51,0.9); opacity: 0.9; z-index:60; display:none; } .pro_list span{ width:13px; height:11px; background:url(../images/tmi-zdl/ico_down.png) no-repeat; display: inline-block; overflow:hidden; margin-left:6px; } #pro_list li{ width:240px; text-align:left; text-indent:2em; } #industry_list{ width:200px; height:auto; position:absolute; background-color:rgba(48,50,51,0.9); opacity: 0.9; z-index:61; display:none; } .industry_list span{ width:13px; height:11px; background:url(../images/tmi-zdl/ico_down.png) no-repeat; display: inline-block; overflow:hidden; margin-left:6px; } #industry_list li{ width:200px; text-align:left; text-indent:2em; } #zdl_main_design_mobile{ display:none; } #zdl_main_design_pc{ width:100%; min-width:1024px; height:1052px; padding-top: 0px; float:left; background:url(../images/tmi-zdl/design_bg.jpg) #ffffff top center; display:block; } #zdl_main_design_pc_content{ width:1024px; height:auto; margin: 0 auto; padding:10px 0px 0px; } #zdl_main_design_pc_content h2{ width:760px; height:50px; font-size:38px; line-height:60px; margin:56px auto 25px; text-align:center; } #zdl_main_design_pc_content p{ width:980px; font-size:16px; line-height:32px; color:#333333; text-align:center; margin:0 auto; } #zdl_main_design_pc_show{ width:1024px; height:750px; margin:0 auto; } #zdl_main_design_pc_show1{ width:428px; height:750px; float:left; background:url(../images/tmi-zdl/pc_show1_bg.jpg) #ffffff bottom center / 428px 451px no-repeat; } #zdl_main_design_pc_show2{ width:296px; height:750px; float:left; background:url(../images/tmi-zdl/pc_show2_bg.jpg) #ffffff bottom center / 296px 602px no-repeat; } #zdl_main_design_pc_show3{ width:300px; height:750px; float:left; background:url(../images/tmi-zdl/pc_show3_bg.jpg) #ffffff bottom center / 306px 745px no-repeat; } #zdl_main_design_pc_proname1{ width:428px; height:50px; position:relative; top:470px; z-index:51; } #zdl_main_design_pc_proname1 p{ width:210px !important; height:auto; float:left; font-size:16px; color:#3e3a39; line-height:24px; text-align:center; font-weight:bold; } #zdl_main_design_pc_proname2{ width:296px; height:50px; position:relative; top:312px; z-index:51; } #zdl_main_design_pc_proname2 p{ width:100%; height:40px; float:left; font-size:16px; line-height:24px; text-align:center; color:#ffffff; font-weight:bold; } #zdl_main_design_pc_proname3{ width:300px; height:50px; position:relative; top:166px; z-index:51; } #zdl_main_design_pc_proname3 p{ width:100%; height:40px; float:left; font-size:16px; line-height:24px; text-align:center; color:#ffffff; font-weight:bold; } #zdl_main_design_pc_div1{ width:428px; height:194px; position:relative; top:502px; z-index:61; overflow:hidden; } #zdl_main_design_pc_div1 h3{ width:180px; height:26px; margin:36px auto 5px; background:#ffffff; font-size:16px; color:#79c7dc; line-height:26px; font-weight:bold; text-align:center; padding:0px; border-radius:18px; } #zdl_main_design_pc_div1 ul{ width:300px; height:100px; margin:20px auto 20px; } #zdl_main_design_pc_div1 ul li{ width:140px; height:20px; margin:0px 10px 4px 0px; color:#464c4e; font-size:14px; line-height:20px; float:left; background:url(../images/tmi-zdl/pc_ico1.png) 8px -7px no-repeat; padding-left:40px; } #zdl_main_design_pc_div2{ width:296px; height:194px; position:relative; top:506px; z-index:61; overflow:hidden; } #zdl_main_design_pc_div2 h3{ width:180px; height:26px; margin:36px auto 5px; background:#ffffff; font-size:16px; color:#79c7dc; line-height:26px; font-weight:bold; text-align:center; padding:0px; border-radius:18px; } #zdl_main_design_pc_div2 ul{ width:290px; height:100px; margin:20px auto 20px; } #zdl_main_design_pc_div2 ul li{ width:140px; height:20px; margin:0px 5px 4px 0px; color:#ffffff; font-size:14px; line-height:20px; float:left; background:url(../images/tmi-zdl/pc_ico1.png) 8px -35px no-repeat; padding-left:40px; } #zdl_main_design_pc_div3{ width:296px; height:164px; position:relative; top:148px; z-index:61; overflow:hidden; } #zdl_main_design_pc_div3:hover{ background:#44a8cc;} #zdl_main_design_pc_div3 h3{ width:180px; height:26px; margin:36px auto 5px; background:#ffffff; font-size:16px; color:#4ca7c1; line-height:26px; font-weight:bold; text-align:center; padding:0px; border-radius:18px; } #zdl_main_design_pc_div3 ul{ width:290px; height:100px; margin:20px auto 20px; } #zdl_main_design_pc_div3 ul li{ width:140px; height:20px; margin:0px 5px 4px 0px; color:#ffffff; font-size:14px; line-height:20px; float:left; background:url(../images/tmi-zdl/pc_ico1.png) 8px -35px no-repeat; padding-left:40px; } #zdl_main_design_pc_div4{ width:300px; height:195px; position:relative; top:505px; z-index:61; overflow:hidden; } #zdl_main_design_pc_div4 h3{ width:180px; height:26px; margin:36px auto 5px; background:#ffffff; font-size:16px; color:#79c7dc; line-height:26px; font-weight:bold; text-align:center; padding:0px; border-radius:18px; } #zdl_main_design_pc_div4 ul{ width:290px; height:100px; margin:20px auto 20px; } #zdl_main_design_pc_div4 ul li{ width:145px; height:20px; margin:0px 0px 4px 0px; color:#ffffff; font-size:14px; line-height:20px; float:left; background:url(../images/tmi-zdl/pc_ico1.png) 8px -66px no-repeat; padding-left:40px; } #zdl_main_design_pc_div5{ width:300px; height:161px; position:relative; top:149px; z-index:61; overflow:hidden; } #zdl_main_design_pc_div5:hover{ background:#68b000;} #zdl_main_design_pc_div5 h3{ width:180px; height:26px; margin:36px auto 5px; background:#ffffff; font-size:16px; color:#4ca7c1; line-height:26px; font-weight:bold; text-align:center; padding:0px; border-radius:18px; } #zdl_main_design_pc_div5 ul{ width:290px; height:100px; margin:20px auto 20px; } #zdl_main_design_pc_div5 ul li{ width:145px; height:20px; margin:0px 0px 4px 0px; color:#ffffff; font-size:14px; line-height:20px; float:left; background:url(../images/tmi-zdl/pc_ico1.png) 8px -66px no-repeat; padding-left:40px; } #zdl_main_design_pc_div6{ width:300px; height:170px; position:relative; top:-184px; z-index:61; overflow:hidden; } #zdl_main_design_pc_div6:hover{ background:#68b000; } #zdl_main_design_pc_div6 h3{ width:180px; height:26px; margin:26px auto 5px; background:#ffffff; font-size:16px; color:#7db229; line-height:26px; font-weight:bold; text-align:center; padding:0px; border-radius:18px; } #zdl_main_design_pc_div6 ul{ width:300px; height:100px; margin:20px auto 20px; } #zdl_main_design_pc_div6 ul li{ width:150px; height:20px; margin:0px 0px 4px 0px; color:#ffffff; font-size:14px; line-height:20px; float:left; background:url(../images/tmi-zdl/pc_ico1.png) 0px -66px no-repeat; padding-left:30px; } #zdl_main_design_pc_div6 ul li:last-child{ width:200px; } .proshow{ display:none; } #zdl_main_design_pc_ico2{ width:30px; height:30px; position:relative; z-index:71; background:url(../images/tmi-zdl/pc_ico2.png) center center no-repeat; top:132px; left:136px; } #zdl_main_design_pc_ico3{ width:30px; height:30px; position:relative; z-index:72; background:url(../images/tmi-zdl/pc_ico3.png) center center no-repeat; top:-33px; left:138px; } #zdl_main_design_pc_ico4{ width:30px; height:30px; position:relative; z-index:73; background:url(../images/tmi-zdl/pc_ico3.png) center center no-repeat; top:-228px; left:138px; } .proname1_t1{ margin-top:20px!important; } .proname1_t2{ margin-top:6px!important; width:240px !important; } #zdl_main_xuanxing{ width:100%; min-width:1024px; height:auto; padding-top: 0px; float:left; background: #ffffff; } #zdl_main_xuanxing_content{ width:1024px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_xuanxing_content h2{ width:760px; height:50px; font-size:38px; line-height:60px; margin:76px auto 25px; text-align:center; } #zdl_main_xuanxing_content table{ margin:50px 0px 70px; width:100%; } .xuanxing_t1{ font-size:28px; line-height:38px; text-align:center; font-weight:bold; margin-bottom:4px; } .xuanxing_t2{ font-size:20px; line-height:32px; text-align:center; margin-bottom:3px; } .xuanxing_t3{ font-size:14px; line-height:28px; color:#8fc31f; text-align:center; margin-bottom:0px; } .xuanxing_t3 a{ color:#8fc31f; } .xuanxing_t3 a:hover{ color:#83b31d; } .xuanxing_t4{ font-size:16px; line-height:24px; font-weight:bold; color:#231815; text-align:center; margin-top:35px; margin-bottom:0px; } .xuanxing_t5{ width:180px; height:60px; font-size:16px; line-height:80px; font-weight:bold; color:#231815; text-align:center; margin:0px auto; background:url(../images/tmi-zdl/xuanxing_t5.jpg) #ffffff 22px 0px no-repeat; margin-top:15px; } .xuanxing_t6{ font-size:14px; line-height:24px; color:#333333; text-align:center; margin-bottom:0px; } #zdl_main_dqm{ width:100%; min-width:1024px; height:auto; padding-top: 0px; float:left; background: #fbfbfb; padding-bottom:60px; } #zdl_main_dqm_content{ width:1024px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_dqm_table{ width:1000px; height:auto; margin: 0 auto; } #zdl_main_dqm_content h2{ width:760px; height:50px; font-size:38px; line-height:60px; margin:56px auto 25px; text-align:center; } .table_x2{ width:1000px; } #zdl_main_proshow{ width:100%; min-width:1000px; height:auto; padding-top: 0px; float:left; background:url(../images/tmi-zdl/ZDL6000/proshow_bg.jpg) #ffffff top center no-repeat; padding-bottom:60px; } #zdl_main_proshow_content{ width:1000px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_proshow_content h2{ width:760px; height:50px; font-size:38px; line-height:60px; margin:56px auto 25px; text-align:center; } #zdl_main_proshow_function{ width:1000px; height:450px; margin: 740px auto 10px; } #zdl_main_proshow_function ul{ width:1000px; height:80px; float:left; } #zdl_main_proshow_function ul li{ width:132px; height:60px; float:left; font-size:12px; line-height:22px; color:#333333; font-weight:normal; position: relative; text-align:center; padding-top:8px; margin:10px 6px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow_function ul li:first-child{ margin-left:0px; } #zdl_main_proshow_function ul li:last-child{ margin-right:0px; } #zdl_main_proshow_function ol{ width:1000px; height:296px; background:#ebf8f8; border:1px solid #daf4f3; border-radius:4px; margin:26px 0px 20px; float:left; } #zdl_main_proshow_function ul .current::after { content: "▲"; color: #ebf8f8; font-size: 48px; position: absolute; top: 130%; left:28%; } .proshow_bg2{ width:100%; min-width:1000px; height:auto; padding-top: 0px; float:left; background:url(../images/tmi-zdl/ZDL3000/proshow_bg.jpg) #ffffff top center no-repeat; padding-bottom:60px; } .fs_content{ width:1000px; height:296px; } .fs_content_l{ width:350px; height:296px; float:left; padding:50px 30px; } .fs_content_r{ width:640px; height:296px; float:left; } .fs_content_r h3{ width:100%; height:40px; font-size:18px; font-weight:bold; float:left; margin-top:68px; } .fs_content_r p{ width:93% !important; height:auto !important; float:left !important; background:url(../images/tmi-zdl/dian.png) 3px 12px no-repeat; padding-left:20px; line-height:32px; font-size:16px; color:#333333; } #ZDL6000{ width:100%; min-width:1024px; height:970px; background:url(../images/tmi-zdl/ZDL6000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDL5000{ width:100%; min-width:1024px; height:970px; background:url(../images/tmi-zdl/ZDL5000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDL3000{ width:100%; min-width:1024px; height:970px; background:url(../images/tmi-zdl/ZDL3000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDL6000 .content2,#ZDL5000 .content2,#ZDL3000 .content2{ margin: 0 auto; } #zdl_main_proshow2{ width:100%; min-width:1024px; height:auto; margin:0 auto; } #zdl_main_proshow2_content{ width:1000px; height:860px; margin:60px auto 0px; } #zdl_main_proshow2_content .yang_card_h3{ width:480px; font-size:48px; color:#333333; text-align:center; line-height:58px; padding-bottom:20px; padding-top:37px; background:url(../images/tmi-zdl/features1.png) 298px 14px no-repeat; margin:0 auto; } #zdl_main_proshow2_content .yang_card_p{ width:100%; margin:0px; padding:0 70px; font-size:16px; color:#333333; line-height:28px; text-align:center; } #zdl_main_proshow2_content .yang_card_p2{ width:100%; margin:0px; padding:0 70px; font-size:16px; color:#8fc31f; line-height:86px; text-align:center; } #zdl_main_proshow2_function{ width:1000px; height:550px; margin: 6px auto 10px; } #zdl_main_proshow2_function ul{ width:880px; height:60px; margin:0 auto; } #zdl_main_proshow2_function ul li{ width:142px; height:40px; float:left; font-size:16px; line-height:22px; color:#333333; font-weight:normal; text-align:center; padding-top:8px; margin:10px 19px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow2_function ul li:first-child{ margin-left:0px; } #zdl_main_proshow2_function ul li:last-child{ margin-right:0px; } #zdl_main_proshow2_function ol{ width:1000px; height:450px; margin:26px 0px 20px; float:left; } .ct_tit{ font-size:48px; font-weight: bold; line-height:80px; color:#333; text-align:center; margin:90px auto 30px auto; } .ct_tit2{ width:500px; font-size:48px; height:90px; line-height:103px; color:#333; text-align:center; margin:50px auto 30px auto; background:url(../images/tmi-zdl/features1.png) 284px -2px no-repeat; } .ct_p{ font-size:16px; color:#333333; line-height:32px; font-weight:normal; text-align:center; margin:0 70px 10px 50px; } .ct_p2{ width:100%; margin:0px; padding:0 70px; font-size:16px; color:#8fc31f; line-height:50px; text-align:center; } .ct_p3{ font-size:14px; color:#333333; line-height:32px; font-weight:normal; text-align:left; margin:0 10px 10px 50px; } .yang_card_list_info{ width:50%; float:left; margin-top:50px; margin-bottom: 50px; } .yang_card_list_info h2{ width:100%; font-size:26px; font-weight:bold; text-align:center; color:#333333; margin-top:40px; margin-bottom:0px; } .yang_card_list_info h3{ width:100%; font-size:26px; text-align:center; margin-top:10px; } .yang_card_list_info p{ width:100%; font-size:18px; text-align:center; color:#8fc31f; margin-bottom:0px; margin-top:20px; } #zdl_bigdata_design{ width:100%; height: auto; min-width:1024px; padding-top: 0px; display:block; overflow: hidden; } #zdl_bigdata_design_content{ width:1024px; height:auto; margin: 0 auto; padding:10px 0px 0px; overflow: hidden; } #zdl_bigdata_design_content h2{ width:1024px; font-size:48px; line-height:58px; padding-top: 37px; padding-bottom: 20px; text-align:center; height: auto; background: url(../images/tmi-zdl/bigdata/ico.png) no-repeat 57px 44px; margin: 40px auto 28px; } .analysis #zdl_bigdata_design_content h2{ width:1024px; font-size:48px; line-height:58px; padding-top: 37px; padding-bottom: 20px; height: auto; text-align:center; background: url(../images/tmi-zdl/analysis/ico.png) no-repeat 57px 44px; margin: 40px auto 28px; } #zdl_bigdata_design_content p{ width:100%; margin:0px; padding:0 50px; font-size:16px; line-height:28px; text-align:center; } #zdl_bigdata_design_ico { margin: 65px auto 0px; width: 136px; float: left; } #zdl_bigdata_design_show{ margin:30px auto 60px; width: 1024px; } } @media (min-width: 1080px) { .table_x3{ width:490px; } .zdl_nav_b ul { width:1080px; height:50px; line-height:48px; margin:0 auto; } .zdl_nav_b ul li{ width:135px; height:50px; float:left; text-align:center; color:#ffffff; } .zdl_nav_b ul li a{ width:100%; height:50px; color:#ffffff; display:block; cursor:pointer; font-size:14px; line-height:48px; } .zdl_nav_b ul li a:hover{ background:#323536; } .zdl_nav_b ul li:nth-child(1){ width:127px; } .zdl_nav_b ul li:nth-child(2){ width:137px; } .zdl_nav_b ul li:nth-child(3){ width:167px; } .zdl_nav_b ul li:nth-child(4){ width:157px; } .zdl_nav_b ul li:nth-child(5){ width:127px; } .zdl_nav_b ul li:nth-child(6){ width:99px; } .zdl_nav_b ul li:nth-child(7){ width:137px; } .zdl_nav_b ul li:nth-child(8){ width:127px; } #pro_list{ width:240px; height:auto; position:absolute; background-color:rgba(48,50,51,0.9); opacity: 0.9; z-index:60; display:none; } .pro_list span{ width:13px; height:11px; background:url(../images/tmi-zdl/ico_down.png) no-repeat; display: inline-block; overflow:hidden; margin-left:6px; } #pro_list li{ width:240px; text-align:left; text-indent:2em; } #industry_list{ width:200px; height:auto; position:absolute; background-color:rgba(48,50,51,0.9); opacity: 0.9; z-index:61; display:none; } .industry_list span{ width:13px; height:11px; background:url(../images/tmi-zdl/ico_down.png) no-repeat; display: inline-block; overflow:hidden; margin-left:6px; } #industry_list li{ width:200px; text-align:left; text-indent:2em; } #zdl_main_design_pc{ width:100%; min-width:1080px; height:1062px; padding-top: 0px; float:left; background:url(../images/tmi-zdl/design_bg.jpg) #ffffff top center; } #zdl_main_design_pc_content{ width:1080px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_design_pc_content h2{ width:760px; height:50px; font-size:38px; line-height:60px; margin:56px auto 25px; text-align:center; } #zdl_main_design_pc_content p{ width:1046px; font-size:16px; line-height:32px; color:#333333; text-align:center; margin:0 auto; } #zdl_main_design_pc_show{ width:1080px; height:790px; margin:0 auto; } #zdl_main_design_pc_show1{ width:448px; height:790px; float:left; background:url(../images/tmi-zdl/pc_show1_bg.jpg) #ffffff bottom center no-repeat; } #zdl_main_design_pc_show2{ width:310px; height:790px; float:left; background:url(../images/tmi-zdl/pc_show2_bg.jpg) #ffffff bottom center no-repeat; } #zdl_main_design_pc_show3{ width:322px; height:790px; float:left; background:url(../images/tmi-zdl/pc_show3_bg.jpg) #ffffff bottom center no-repeat; } #zdl_main_design_pc_proname1{ width:448px; height:50px; position:relative; top:500px; z-index:51; } #zdl_main_design_pc_proname1 p{ width:210px !important; height:auto; float:left; font-size:16px; color:#3e3a39; line-height:24px; text-align:center; font-weight:bold; } #zdl_main_design_pc_proname2{ width:310px; height:50px; position:relative; top:340px; z-index:51; } #zdl_main_design_pc_proname2 p{ width:100%; height:40px; float:left; font-size:16px; line-height:24px; text-align:center; color:#ffffff; font-weight:bold; } #zdl_main_design_pc_proname3{ width:320px; height:50px; position:relative; top:176px; z-index:51; } #zdl_main_design_pc_proname3 p{ width:100%; height:40px; float:left; font-size:16px; line-height:24px; text-align:center; color:#ffffff; font-weight:bold; } #zdl_main_design_pc_div1{ width:448px; height:204px; position:relative; top:532px; z-index:61; overflow:hidden; } #zdl_main_design_pc_div1 h3{ width:180px; height:26px; margin:36px auto 5px; background:#ffffff; font-size:16px; color:#79c7dc; line-height:26px; font-weight:bold; text-align:center; padding:0px; border-radius:18px; } #zdl_main_design_pc_div1 ul{ width:300px; height:100px; margin:20px auto 20px; } #zdl_main_design_pc_div1 ul li{ width:140px; height:20px; margin:0px 10px 4px 0px; color:#464c4e; font-size:14px; line-height:20px; float:left; background:url(../images/tmi-zdl/pc_ico1.png) 8px -7px no-repeat; padding-left:40px; } #zdl_main_design_pc_div2{ width:310px; height:204px; position:relative; top:536px; z-index:61; overflow:hidden; } #zdl_main_design_pc_div2 h3{ width:180px; height:26px; margin:36px auto 5px; background:#ffffff; font-size:16px; color:#79c7dc; line-height:26px; font-weight:bold; text-align:center; padding:0px; border-radius:18px; } #zdl_main_design_pc_div2 ul{ width:300px; height:100px; margin:20px auto 20px; } #zdl_main_design_pc_div2 ul li{ width:140px; height:20px; margin:0px 10px 4px 0px; color:#ffffff; font-size:14px; line-height:20px; float:left; background:url(../images/tmi-zdl/pc_ico1.png) 8px -35px no-repeat; padding-left:40px; } #zdl_main_design_pc_div3{ width:310px; height:170px; position:relative; top:160px; z-index:61; overflow:hidden; } #zdl_main_design_pc_div3:hover{ background:#44a8cc;} #zdl_main_design_pc_div3 h3{ width:180px; height:26px; margin:36px auto 5px; background:#ffffff; font-size:16px; color:#4ca7c1; line-height:26px; font-weight:bold; text-align:center; padding:0px; border-radius:18px; } #zdl_main_design_pc_div3 ul{ width:300px; height:100px; margin:20px auto 20px; } #zdl_main_design_pc_div3 ul li{ width:140px; height:20px; margin:0px 10px 4px 0px; color:#ffffff; font-size:14px; line-height:20px; float:left; background:url(../images/tmi-zdl/pc_ico1.png) 8px -35px no-repeat; padding-left:40px; } #zdl_main_design_pc_div4{ width:322px; height:204px; position:relative; top:536px; z-index:61; overflow:hidden; } #zdl_main_design_pc_div4 h3{ width:180px; height:26px; margin:36px auto 5px; background:#ffffff; font-size:16px; color:#79c7dc; line-height:26px; font-weight:bold; text-align:center; padding:0px; border-radius:18px; } #zdl_main_design_pc_div4 ul{ width:300px; height:100px; margin:20px auto 20px; } #zdl_main_design_pc_div4 ul li{ width:140px; height:20px; margin:0px 10px 4px 0px; color:#ffffff; font-size:14px; line-height:20px; float:left; background:url(../images/tmi-zdl/pc_ico1.png) 8px -66px no-repeat; padding-left:40px; } #zdl_main_design_pc_div5{ width:322px; height:170px; position:relative; top:160px; z-index:61; overflow:hidden; } #zdl_main_design_pc_div5:hover{ background:#68b000;} #zdl_main_design_pc_div5 h3{ width:180px; height:26px; margin:36px auto 5px; background:#ffffff; font-size:16px; color:#4ca7c1; line-height:26px; font-weight:bold; text-align:center; padding:0px; border-radius:18px; } #zdl_main_design_pc_div5 ul{ width:300px; height:100px; margin:20px auto 20px; } #zdl_main_design_pc_div5 ul li{ width:140px; height:20px; margin:0px 10px 4px 0px; color:#ffffff; font-size:14px; line-height:20px; float:left; background:url(../images/tmi-zdl/pc_ico1.png) 8px -66px no-repeat; padding-left:40px; } #zdl_main_design_pc_div6{ width:322px; height:180px; position:relative; top:-190px; z-index:61; overflow:hidden; } #zdl_main_design_pc_div6:hover{ background:#68b000;} #zdl_main_design_pc_div6 h3{ width:180px; height:26px; margin:26px auto 5px; background:#ffffff; font-size:16px; color:#7db229; line-height:26px; font-weight:bold; text-align:center; padding:0px; border-radius:18px; } #zdl_main_design_pc_div6 ul{ width:320px; height:100px; margin:20px auto 20px; } #zdl_main_design_pc_div6 ul li{ width:160px; height:20px; margin:0px 0px 4px 0px; color:#ffffff; font-size:14px; line-height:20px; float:left; background:url(../images/tmi-zdl/pc_ico1.png) 8px -66px no-repeat; padding-left:40px; } #zdl_main_design_pc_div6 ul li:last-child{ width:200px; } #zdl_main_design_pc_ico2{ width:30px; height:30px; position:relative; z-index:71; background:url(../images/tmi-zdl/pc_ico2.png) center center no-repeat; top:145px; left:136px; } #zdl_main_design_pc_ico3{ width:30px; height:30px; position:relative; z-index:72; background:url(../images/tmi-zdl/pc_ico3.png) center center no-repeat; top:-33px; left:147px; } #zdl_main_design_pc_ico4{ width:30px; height:30px; position:relative; z-index:73; background:url(../images/tmi-zdl/pc_ico3.png) center center no-repeat; top:-235px; left:147px; } .proname1_t1{ margin-top:20px!important; } .proname1_t2{ margin-top:6px!important; width:240px !important; } #zdl_main_xuanxing{ width:100%; min-width:1080px; height:auto; padding-top: 0px; float:left; background: #ffffff; } #zdl_main_xuanxing_content{ width:1060px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_xuanxing_content h2{ width:760px; height:50px; font-size:38px; line-height:60px; margin:76px auto 25px; text-align:center; } #zdl_main_xuanxing_content table{ margin:50px 0px 70px; width:100%; } .xuanxing_t1{ font-size:28px; line-height:38px; text-align:center; font-weight:bold; margin-bottom:4px; } .xuanxing_t2{ font-size:20px; line-height:32px; text-align:center; margin-bottom:3px; } .xuanxing_t3{ font-size:14px; line-height:28px; color:#8fc31f; text-align:center; margin-bottom:0px; } .xuanxing_t3 a{ color:#8fc31f; } .xuanxing_t3 a:hover{ color:#83b31d; } .xuanxing_t4{ font-size:16px; line-height:24px; font-weight:bold; color:#231815; text-align:center; margin-top:35px; margin-bottom:0px; } .xuanxing_t5{ width:180px; height:60px; font-size:16px; line-height:80px; font-weight:bold; color:#231815; text-align:center; margin:0px auto; background:url(../images/tmi-zdl/xuanxing_t5.jpg) #ffffff 22px 0px no-repeat; margin-top:15px; } .xuanxing_t6{ font-size:14px; line-height:24px; color:#333333; text-align:center; margin-bottom:0px; } #zdl_main_dqm{ width:100%; min-width:1080px; height:auto; padding-top: 0px; float:left; background: #fbfbfb; padding-bottom:60px; } #zdl_main_dqm_content{ width:1080px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_dqm_table{ width:1080px; height:auto; margin: 0 auto; } #zdl_main_dqm_content h2{ width:760px; height:50px; font-size:38px; line-height:60px; margin:56px auto 25px; text-align:center; } .table_x2{ width:1060px; } #zdl_main_proshow{ width:100%; min-width:1080px; height:auto; padding-top: 0px; float:left; background:url(../images/tmi-zdl/ZDL6000/proshow_bg.jpg) #ffffff top center no-repeat; padding-bottom:60px; } #zdl_main_proshow_content{ width:1080px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_proshow_content h2{ width:760px; height:50px; font-size:38px; line-height:60px; margin:56px auto 25px; text-align:center; } #zdl_main_proshow_function{ width:1080px; height:450px; margin: 740px auto 10px; } #zdl_main_proshow_function ul{ width:1080px; height:80px; float:left; } #zdl_main_proshow_function ul li{ width:144px; height:66px; float:left; font-size:13px; line-height:24px; color:#333333; font-weight:normal; position: relative; text-align:center; padding-top:8px; margin:10px 6px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow_function ul li:first-child{ margin-left:0px; } #zdl_main_proshow_function ul li:last-child{ margin-right:0px; } #zdl_main_proshow_function ol{ width:1080px; height:390px; background:#ebf8f8; border:1px solid #daf4f3; border-radius:4px; margin:36px 0px 20px; float:left; } #zdl_main_proshow_function ul .current{ background:#00b4aa; color:#ffffff; font-weight:bold; } .proshow_bg2{ width:100%; min-width:1080px; height:auto; padding-top: 0px; float:left; background:url(../images/tmi-zdl/ZDL3000/proshow_bg.jpg) #ffffff top center no-repeat; padding-bottom:60px; } .fs_content{ width:1080px; height:390px; } .fs_content_l{ width:400px; height:390px; float:left; padding:80px 30px 50px; } .fs_content_l img{ float: right; } .fs_content_r{ width:680px; height:390px; float:left; } .fs_content_r h3{ width:100%; height:40px; font-size:24px; font-weight:bold; float:left; margin-top:100px; } .fs_content_r p{ width:93% !important; height:auto !important; float:left !important; background:url(../images/tmi-zdl/dian.png)3px 12px no-repeat; padding-left:20px; line-height:32px; font-size:20px; color:#333333; } #zdl_main_proshow2{ width:100%; min-width:1080px; height:auto; margin:0 auto; } #zdl_main_proshow2_content{ width:1080px; height:910px; margin:60px auto 0px; } #zdl_main_proshow2_content .yang_card_h3{ width:480px; font-size:48px; color:#333333; text-align:center; line-height:58px; padding-bottom:20px; padding-top:37px; background:url(../images/tmi-zdl/features1.png) 298px 14px no-repeat; margin:0 auto; } #zdl_main_proshow2_content .yang_card_p{ width:100%; margin:0px; padding:0 70px; font-size:16px; color:#333333; line-height:28px; text-align:center; } #zdl_main_proshow2_content .yang_card_p2{ width:100%; margin:0px; padding:0 70px; font-size:16px; color:#8fc31f; line-height:86px; text-align:center; } #zdl_main_proshow2_function{ width:1080px; height:710px; margin: 26px auto 10px; } #zdl_main_proshow2_function ul{ width:1080px; height:60px; margin:0 auto; } #zdl_main_proshow2_function ul li{ width:176px; height:46px; float:left; font-size:20px; line-height:28px; color:#333333; font-weight:normal; text-align:center; padding-top:8px; margin:10px 24px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow2_function ul li:first-child{ margin-left:0px; } #zdl_main_proshow2_function ul li:last-child{ margin-right:0px; } #zdl_main_proshow2_function ol{ width:1080px; height:470px; margin:26px 0px 20px; float:left; } #zdl_bigdata_design_content{ width:1080px; height:auto; margin:60px auto 0px; } #zdl_bigdata_design_content h2{ width:1080px; font-size:48px; text-align:center; margin: 0px auto 28px; line-height:58px; padding-bottom:20px; padding-top:37px; background: url(../images/tmi-zdl/bigdata/ico.png) no-repeat 57px 44px; } .analysis #zdl_bigdata_design_content h2 { width:1080px; font-size:48px; text-align:center; margin: 0px auto 28px; line-height:58px; padding-bottom:20px; padding-top:37px; background: url(../images/tmi-zdl/analysis/ico.png) no-repeat 57px 44px; } #zdl_bigdata_design_content p{ width:100%; margin:0px; padding:0 50px; font-size:16px; line-height:28px; text-align:center; } #zdl_bigdata_design_show{ margin:30px auto 60px; width: 1080px; } .ct_dt{ color:#ffffff !important; } } @media (min-width: 1200px) { /*#ztmi-body-header-list{ width:1200px;padding-top:32px; } #ztmi-body-header-list li{ width:130px;margin:0; }*/ .padingTop190{ padding-top:137px!important; } .content{ margin-left:auto; margin-right:auto; overflow: hidden; } .table_x3{ width:550px; } .zdl_nav_b ul { width:1200px; height:50px; line-height:48px; margin:0 auto; } .zdl_nav_b ul li{ width:150px; height:50px; float:left; text-align:center; color:#ffffff; } .zdl_nav_b ul li a{ width:100%; height:50px; color:#ffffff; display:block; cursor:pointer; font-size:14px; line-height:48px; } .zdl_nav_b ul li a:hover{ background:#323536; } .zdl_nav_b ul li:nth-child(1){ width:142px; } .zdl_nav_b ul li:nth-child(2){ width:152px; } .zdl_nav_b ul li:nth-child(3){ width:182px; } .zdl_nav_b ul li:nth-child(4){ width:172px; } .zdl_nav_b ul li:nth-child(5){ width:142px; } .zdl_nav_b ul li:nth-child(6){ width:114px; } .zdl_nav_b ul li:nth-child(7){ width:152px; } .zdl_nav_b ul li:nth-child(8){ width:142px; } #zdl_main_design_pc{ width:100%; min-width:1200px; height:1062px; padding-top: 0px; float:left; background:url(../images/tmi-zdl/design_bg.jpg) #ffffff top center; } #zdl_main_design_pc_content{ width:1200px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_design_pc_content h2{ width:760px; height:50px; font-size:38px; line-height:60px; margin:56px auto 25px; text-align:center; } #zdl_main_design_pc_content p{ width:1046px; font-size:16px; line-height:32px; color:#333333; text-align:center; margin:0 auto; } #zdl_main_design_pc_show{ width:1080px; height:790px; margin:0 auto; } #zdl_main_design_pc_show1{ width:448px; height:790px; float:left; background:url(../images/tmi-zdl/pc_show1_bg.jpg) #ffffff bottom center no-repeat; } #zdl_main_design_pc_show2{ width:310px; height:790px; float:left; background:url(../images/tmi-zdl/pc_show2_bg.jpg) #ffffff bottom center no-repeat; } #zdl_main_design_pc_show3{ width:322px; height:790px; float:left; background:url(../images/tmi-zdl/pc_show3_bg.jpg) #ffffff bottom center no-repeat; } #zdl_main_design_pc_proname1{ width:448px; height:50px; position:relative; top:500px; z-index:51; } #zdl_main_design_pc_proname1 p{ width:210px !important; height:auto; float:left; font-size:16px; color:#3e3a39; line-height:24px; text-align:center; font-weight:bold; } #zdl_main_design_pc_proname2{ width:310px; height:50px; position:relative; top:340px; z-index:51; } #zdl_main_design_pc_proname2 p{ width:100%; height:40px; float:left; font-size:16px; line-height:24px; text-align:center; color:#ffffff; font-weight:bold; } #zdl_main_design_pc_proname3{ width:320px; height:50px; position:relative; top:176px; z-index:51; } #zdl_main_design_pc_proname3 p{ width:100%; height:40px; float:left; font-size:16px; line-height:24px; text-align:center; color:#ffffff; font-weight:bold; } #zdl_main_design_pc_div1{ width:448px; height:204px; position:relative; top:532px; z-index:61; overflow:hidden; } #zdl_main_design_pc_div1 h3{ width:180px; height:26px; margin:36px auto 5px; background:#ffffff; font-size:16px; color:#79c7dc; line-height:26px; font-weight:bold; text-align:center; padding:0px; border-radius:18px; } #zdl_main_dqm{ width:100%; min-width:1200px; height:auto; padding-top: 0px; float:left; background: #fbfbfb; padding-bottom:60px; } #zdl_main_dqm_content{ width:1200px; height:auto; margin: 0 auto; padding-top:10px; } #zdl_main_dqm_table{ width:1060px; height:auto; margin: 0 auto; } #zdl_main_dqm_content h2{ width:760px; height:50px; font-size:38px; line-height:60px; margin:56px auto 25px; text-align:center; } #zdl_main_proshow{ width:100%; min-width:1200px; height:1550px; padding-top: 0px; float:left; background:url(../images/tmi-zdl/ZDL6000/proshow_bg.jpg) #ffffff top center no-repeat; padding-bottom:60px; } #zdl_main_proshow_content{ width:1200px; height:auto; margin: 0 auto; padding-top:25px; } .yang_card_pro_list_new{ width:100%; max-width:1160px; margin:0px auto; padding:0px; } .pro_intro_c { height:730px; overflow:hidden; position:relative; } .pro_intro_c ul { width:9999px; height:100%; overflow:hidden; position:absolute; top:0; left:0; } .pic_img li { height:730px; width:1200px; float: left; position:relative; } .pro_intro_c .li-img img{ width:100%; max-width:1200px;} #ZDL6000{ width:100%; min-width:1024px; height:1070px; background:url(../images/tmi-zdl/ZDL6000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDL5000{ width:100%; min-width:1024px; height:1070px; background:url(../images/tmi-zdl/ZDL5000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDL3000{ width:100%; min-width:1024px; height:1070px; background:url(../images/tmi-zdl/ZDL3000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDL6000 .content2,#ZDL5000 .content2,#ZDL3000 .content2{ width:1200px; margin: 0 auto; padding-top: 0px; } .proshow_bg2{width:100%; min-width:1200px; height:1550px; padding-top: 0px; float:left; background:url(../images/tmi-zdl/ZDL3000/proshow_bg.jpg) #ffffff top center no-repeat; padding-bottom:60px; } .fs_content{ width:1200px; height:390px; } .fs_content_l{ width:430px; height:390px; float:left; padding:80px 30px 50px; } .fs_content_l img{ float: right; } .fs_content_r{ width:770px; height:390px; float:left; } .fs_content_r h3{ width:100%; height:40px; font-size:24px; font-weight:bold; float:left; margin-top:110px; } .fs_content_r p{ width:93% !important; height:auto !important; float:left !important; background:url(../images/tmi-zdl/dian.png)3px 12px no-repeat; padding-left:20px; line-height:32px; font-size:20px; color:#333333; } #zdl_main_proshow{ width:100%; min-width:1200px; height:1550px; padding-top: 0px; float:left; background:url(../images/tmi-zdl/ZDL6000/proshow_bg.jpg) #ffffff top center no-repeat; padding-bottom:60px; } #zdl_main_proshow_content{ width:1200px; height:auto; margin: 0 auto; padding-top:25px; } #zdl_main_proshow_content h2{ width:760px; height:50px; font-size:38px; line-height:60px; margin:56px auto 25px; text-align:center; } #zdl_main_proshow_function{ width:1200px; height:450px; margin: 720px auto 10px; } #zdl_main_proshow_function ul{ width:1200px; height:80px; float:left; } #zdl_main_proshow_function ul li{ width:160px; height:66px; float:left; font-size:14px; line-height:24px; color:#333333; font-weight:normal; position: relative; text-align:center; padding-top:8px; margin:10px 6px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow_function ul .current::after { content: "▲"; color: #ebf8f8; font-size: 48px; position: absolute; top: 130%; left:37%; } #zdl_main_proshow_function ul li:first-child{ margin-left:0px; } #zdl_main_proshow_function ul li:last-child{ margin-right:0px; } #zdl_main_proshow_function ol{ width:1200px; height:390px; background:#ebf8f8; border:1px solid #daf4f3; border-radius:4px; margin:36px 0px 20px; float:left; } #zdl_main_proshow_function ul .current{ background:#00b4aa; color:#ffffff; font-weight:bold; } .proshow_bg2{ width:100%; min-width:1200px; height:1550px; padding-top: 0px; float:left; background:url(../images/tmi-zdl/ZDL3000/proshow_bg.jpg) #ffffff top center no-repeat; padding-bottom:60px; } #zdl_main_proshow2{ width:100%; min-width:1200px; height:auto; margin:0 auto; } #zdl_main_proshow2_content{ width:1200px; height:936px; margin:60px auto 0px; } #zdl_main_proshow2_content .yang_card_h3{ width:440px; font-size:48px; color:#333333; text-align:center; line-height:58px; padding-bottom:20px; padding-top:37px; background:url(../images/tmi-zdl/features.png) 278px 4px no-repeat; margin:0 auto; } #zdl_bigdata_design_content { width: 1060px; height: auto; margin: 0 auto; padding: 10px 0px 0px; overflow: hidden;} #zdl_bigdata_design_content h2 { width: 1060px; font-size: 48px; line-height: 58px; padding-top: 37px; padding-bottom: 20px; height: auto; text-align: center; background: url(../images/tmi-zdl/bigdata/ico.png) no-repeat 0px 44px; margin: 50px auto 28px; } .analysis #zdl_bigdata_design_content h2 { width: 1060px; font-size: 48px; line-height: 58px; padding-top: 37px; padding-bottom: 20px; height: auto; text-align: center; background: url(../images/tmi-zdl/analysis/ico.png) no-repeat 0px 44px; margin: 50px auto 28px;} #zdl_bigdata_design_content p { width: 1060px; margin: 0px; padding: 0 0px; font-size: 16px; line-height: 28px; text-align: center;} #zdl_bigdata_design_show{ margin:30px auto 60px; width: 1060px; } #zdl_main_proshow2_function{ width:1200px; height:710px; margin: 26px auto 10px; } #zdl_main_proshow2_function ul{ width:1082px; height:60px; margin:0 auto; } #zdl_main_proshow2_function ul li{ width:176px; height:46px; float:left; font-size:20px; line-height:28px; color:#333333; font-weight:normal; text-align:center; padding-top:8px; margin:10px 24px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow2_function ul li:first-child{ margin-left:0px; } #zdl_main_proshow2_function ul li:last-child{ margin-right:0px; } #zdl_main_proshow2_function ol{ width:1200px; height:470px; margin:26px 0px 20px; float:left; } #zdl_bigdata_design_content{ width:1200px; height:auto; margin:60px auto 0px; } #zdl_bigdata_design_content h2{ width:1200px; font-size:48px; text-align:center; margin: 0px auto 28px; line-height:58px; padding-bottom:20px; padding-top:37px; background: url(../images/tmi-zdl/bigdata/ico.png) no-repeat 57px 44px; } .analysis #zdl_bigdata_design_content h2 { width:1200px; font-size:48px; text-align:center; margin: 0px auto 28px; line-height:58px; padding-bottom:20px; padding-top:37px; background: url(../images/tmi-zdl/analysis/ico.png) no-repeat 57px 44px; } #zdl_bigdata_design_content p{ width:100%; margin:0px; padding:0 50px; font-size:16px; line-height:28px; text-align:center; } #zdl_bigdata_design_show{ margin:30px auto 60px; width: 1200px; } .ct_dt{ color:#ffffff !important; } } @media (min-width: 1400px) { .padingTop190{ padding-top:151px!important; } .yang_card_pro_list_new{ width:100%; max-width:1360px; margin:0px auto; padding:0px; } } @media (min-width: 1440px) { .yang_card_pro_list_new{ width:100%; max-width:1400px; margin:0px auto; padding:0px; } } @media (min-width: 1600px) { /*#ztmi-body-header-list{ width:1600px;padding-top:14px; } #ztmi-body-header-list li{ width:180px;margin:0;}*/ .yang_card_pro_list_new{ width:100%; max-width:1560px; margin:0px auto; padding:0px; } .proshow_bg2{ background:url(../images/tmi-zdl/ZDL3000/proshow_bg.jpg) #ffffff top center no-repeat !important; } .fs_content{ width:1600px; height:390px; } .fs_content_l{ width:530px; height:390px; float:left; padding:80px 30px 50px; } .fs_content_l img{ float: right; } .fs_content_r{ width:1070px; height:390px; float:left; } .fs_content_r h3{ width:100%; height:40px; font-size:24px; font-weight:bold; float:left; margin-top:120px; } .fs_content_r p{ width:93% !important; height:auto !important; float:left !important; background:url(../images/tmi-zdl/dian.png)3px 12px no-repeat; padding-left:20px; line-height:32px; font-size:20px; color:#333333; } #zdl_main_proshow{ width:100%; min-width:1600px; height:1550px; padding-top: 0px; float:left; background:url(../images/tmi-zdl/ZDL6000/proshow_bg.jpg) #ffffff top center no-repeat; padding-bottom:60px; } #zdl_main_proshow_content{ width:1600px; height:auto; margin: 0 auto; padding-top:25px; } #zdl_main_proshow_content h2{ width:760px; height:50px; font-size:38px; line-height:60px; margin:56px auto 25px; text-align:center; } #zdl_main_proshow_function{ width:1600px; height:450px; margin: 720px auto 10px; } #zdl_main_proshow_function ul{ width:1600px; height:80px; float:left; } #zdl_main_proshow_function ul li{ width:200px; height:66px; float:left; font-size:18px; line-height:24px; color:#333333; font-weight:normal; position: relative; text-align:center; padding-top:8px; margin:10px 16px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow_function ul .current::after { content: "▲"; color: #ebf8f8; font-size: 48px; position: absolute; top: 130%; left:37%; } #zdl_main_proshow_function ul li:first-child{ margin-left:0px; } #zdl_main_proshow_function ul li:last-child{ margin-right:0px; } #zdl_main_proshow_function ol{ width:1600px; height:390px; background:#ebf8f8; border:1px solid #daf4f3; border-radius:4px; margin:36px 0px 20px; float:left; } #zdl_main_proshow_function ul .current{ background:#00b4aa; color:#ffffff; font-weight:bold; } #zdl_main_proshow2{ width:100%; min-width:1200px; height:auto; margin:0 auto; } #zdl_main_proshow2_content{ width:1400px; height:1030px; margin:60px auto 0px; } #zdl_main_proshow2_content .yang_card_h3{ width:480px; font-size:48px; color:#333333; text-align:center; line-height:58px; padding-bottom:30px; padding-top:42px; background:url(../images/tmi-zdl/features1.png) 298px 14px no-repeat; margin:0 auto; } #zdl_main_proshow2_content .yang_card_p{ width:100%; margin:0px; padding:0 70px; font-size:16px; color:#333333; line-height:28px; text-align:center; } #zdl_main_proshow2_content .yang_card_p2{ width:100%; margin:0px; padding:0 70px; font-size:16px; color:#8fc31f; line-height:86px; text-align:center; } #zdl_main_proshow2_function{ width:1400px; height:710px; margin: 26px auto 10px; } #zdl_main_proshow2_function ul{ width:1082px; height:60px; margin:0 auto; } #zdl_main_proshow2_function ul li{ width:176px; height:46px; float:left; font-size:20px; line-height:28px; color:#333333; font-weight:normal; text-align:center; padding-top:8px; margin:10px 24px; background:#ffffff; border:1px solid #00b4aa; border-radius:4px; cursor:pointer; } #zdl_main_proshow2_function ul li:first-child{ margin-left:0px; } #zdl_main_proshow2_function ul li:last-child{ margin-right:0px; } #zdl_main_proshow2_function ol{ width:1400px; height:470px; margin:26px 0px 20px; float:left; } #zdl_bigdata_design_content{ width:1400px; height: auto; margin:10px auto 0px; } #zdl_bigdata_design_content h2{ width:1400px; font-size:48px; text-align:center; margin: 50px auto 28px; line-height:58px; padding-bottom:20px; padding-top:37px; background: url(../images/tmi-zdl/bigdata/ico.png) no-repeat 57px 44px; } .analysis #zdl_bigdata_design_content h2 { width:1400px; font-size:48px; text-align:center; margin: 50px auto 28px; line-height:58px; padding-bottom:20px; padding-top:37px; background: url(../images/tmi-zdl/analysis/ico.png) no-repeat 57px 44px; } #zdl_bigdata_design_content p{ width:100%; margin:0px; padding:0 50px; font-size:16px; line-height:28px; text-align:center; } #zdl_bigdata_design_show{ margin:30px auto 60px; width: 1400px; } .ct_dt{ color:#ffffff !important; } } @media (min-width: 1620px) { .padingTop190{ padding-top:166px!important; } } @media (min-width: 1700px) { .yang_card_pro_list_new{ width:100%; max-width:1660px; margin:0px auto; padding:0px; } } @media (min-width: 1900px) { #ztmi-body-header-list{ width:1863px; padding-top:14px; } #ztmi-body-header-list li{ width:207px; max-width:207px; margin:0; } #ztmi-body-header-list li a{ margin:0 0px; } .padingTop190{ padding-top:166px!important; } #ZDL6000{ width:100%; min-width:1024px; height:1070px; background:url(../images/tmi-zdl/ZDL6000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDL5000{ width:100%; min-width:1024px; height:1070px; background:url(../images/tmi-zdl/ZDL5000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDL3000{ width:100%; min-width:1024px; height:1070px; background:url(../images/tmi-zdl/ZDL3000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDL6000 .content,#ZDL5000 .content,#ZDL3000 .content{ margin:0 auto; } #ZDL6000 .content2,#ZDL5000 .content2,#ZDL3000 .content2{ width: 1720px; margin: 0 auto; padding-top: 0px; } .pro_intro .con_h2,.pro_intro .con_h3{ width:100%; max-width:1720px; margin-left:auto; margin-right:auto; } .yang_card_pro_list_new{ width:100%; max-width:1760px; margin:0px auto; padding:0px; } #zdl_main_proshow2{ width:100%; min-width:1200px; height:auto; margin:0 auto; } #zdl_main_proshow2_content{ width:1760px; height:1000px; margin:60px auto 0px; } #zdl_main_proshow2_content .yang_card_h3{ width:480px; font-size:48px; color:#333333; text-align:center; line-height:58px; padding-bottom:30px; padding-top:42px; background:url(../images/tmi-zdl/features1.png) 298px 14px no-repeat; margin:0 auto; } #zdl_bigdata_design_content { width: 1760px; height: auto; margin: 0 auto; padding: 10px 0px 0px; overflow: hidden;} #zdl_bigdata_design_content h2 { width: 1760px; font-size: 48px; font-weight: bold; line-height: 58px; padding-top: 37px; padding-bottom: 20px; height: auto; text-align: center; background: url(../images/tmi-zdl/bigdata/ico.png) no-repeat 0px 44px; margin: 50px auto 28px; } .analysis #zdl_bigdata_design_content h2 { width: 1760px; font-size: 48px; font-weight: bold; line-height: 58px; padding-top: 37px; padding-bottom: 20px; height: auto; text-align: center; background: url(../images/tmi-zdl/analysis/ico.png) no-repeat 0px 44px; margin: 50px auto 28px; } #zdl_bigdata_design_content p { width: 1760px; margin: 0px; padding: 0 0px; font-size: 16px; line-height: 28px; text-align: center; } #zdl_bigdata_design_show{ margin:30px auto 60px; width: 1760px; } .ct_dt{ color:#ffffff !important; } }