/*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; } .button-container { display:flex; gap:15px; justify-content:center; } .buy_frame { width:100%; height:160px; } .btn-buy { width:120px; height:46px; font-size:16px; line-height:46px; border-radius:28px; display:inline-block; background:#01b2a9; text-align:center; color:#ffffff !important; } .btn-buy:hover { color:#ffffff; background:#019f94; } .btn-down { width:120px; height:46px; font-size:16px; line-height:46px; border-radius:28px; display:inline-block; background:#004098; text-align:center; color:#ffffff !important; display:none; } .btn-down:hover { color:#ffffff; background:#01357c; } @media only screen and (max-width:992px) { .btn-down { display:inline-block; } } @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; } .buy_frame { width:100%; height:110px; overflow:hidden; } .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; } .buy_frame .content { padding-top:0px; } } @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:920px; background:url(../images/tmi-zdl/ZDL6000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDL5000 { width:100%; min-width:1024px; height:930px; background:url(../images/tmi-zdl/ZDL5000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDL3000 { width:100%; min-width:1024px; height:930px; 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; } .buy_frame { width:100%; height:160px; } .buy_frame .content { padding-top:25px; } } @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:980px; background:url(../images/tmi-zdl/ZDL6000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDL5000 { width:100%; min-width:1024px; height:1000px; background:url(../images/tmi-zdl/ZDL5000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDL3000 { width:100%; min-width:1024px; height:1000px; 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:980px; background:url(../images/tmi-zdl/ZDL6000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDL5000 { width:100%; min-width:1024px; height:1000px; background:url(../images/tmi-zdl/ZDL5000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDL3000 { width:100%; min-width:1024px; height:1000px; 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; } }