.row1,.row2 { margin-left:-15px; margin-right:-15px; } .col-lg-6 a { text-decoration: none; } .col-lg-6 a:hover { text-decoration: none; } .v_con01 { margin-top:-200px; overflow:hidden; } #wrap{ width: 100%; max-width: 1200px; margin: 0px auto; } #wrap2{ width:100%; height: auto; margin: 0px auto; overflow: hidden; } #wrap_n{ width:100%; margin:0px auto; } .content_n{ width:100%; max-width:1200px; margin:0 auto; padding:25px 0px 25px 0px; } .ct_tit{ font-size:48px; line-height:80px; color:#333; text-align:center; margin:41px auto 7px auto; } .ct_tit2{ font-size:48px; line-height:80px; color:#8fc41e; text-align:center; margin:56px auto 7px auto; } .ct_tit3{ font-size:48px; line-height:80px; color:#333; text-align:center; margin:6px auto 7px auto; } .ct_tit4{ font-size:22px; line-height:40px; color:#333; font-weight:bold; text-align:center; margin:6px auto 0px auto; } .ct_p{ font-size:16px; color:#333333; line-height:32px; font-weight:normal; text-align:center; margin:0 70px 40px 70px; } .ct_tit_new{ font-size:48px; line-height:80px; font-weight:bold; color:#000000; text-align:center; margin:41px auto 7px auto; } .ct_p_new{ font-size:16px; color:#000000; line-height:32px; font-weight:normal; text-align:center; margin:0 70px 40px 70px; } #ZDS5054Pro_btn{ width:100%; height:236px; margin:110px auto 0px; display:none; } #ZDS5054Pro_btn li{ width:25%; height:236px; float:left; color:#000000; } #ZDS5054Pro_btn li>a>div{ width:116px; height:236px; text-align:center; margin:0 auto; } .ctbg1{ background:#fafafa; } .ctbg2{ background:#f5f5f5; } .ctbg3{ background:#dfe3ee; } .ctbg4{ background:#f7f7f7; } .ctbg5{ background:#e6eff8; } .pro_top{ border-top:1px solid #dbdbdb; } .ZDS5054Pro_btn1{ width:110px; height:110px; background:url(../images/tmi-osc/ZDS5054Pro/ZDS5054Pro_btn_ico5.jpg) no-repeat; margin:0 auto; } .ZDS5054Pro_btn2{ width:110px; height:110px; background:url(../images/tmi-osc/ZDS5054Pro/ZDS5054Pro_btn_ico2.jpg) no-repeat; margin:0 auto; } .ZDS5054Pro_btn3{ width:110px; height:110px; background:url(../images/tmi-osc/ZDS5054Pro/ZDS5054Pro_btn_ico3.jpg) no-repeat; margin:0 auto; } .ZDS5054Pro_btn4{ width:110px; height:110px; background:url(../images/tmi-osc/ZDS5054Pro/ZDS5054Pro_btn_ico4.jpg) no-repeat; margin:0 auto; } #ZDS5054Pro_btn li>a:hover{ color:#8fc41e; } .ZDS5054Pro_btn2:hover{ color:#8fc41e; background:url(../images/tmi-osc/ZDS5054Pro/ZDS5054Pro_btn_ico6.jpg) no-repeat; } .ZDS5054Pro_btn3:hover{ color:#8fc41e; background:url(../images/tmi-osc/ZDS5054Pro/ZDS5054Pro_btn_ico7.jpg) no-repeat; } .ZDS5054Pro_btn4:hover{ color:#8fc41e; background:url(../images/tmi-osc/ZDS5054Pro/ZDS5054Pro_btn_ico8.jpg) no-repeat; } .btn_t1{ border-bottom:4px solid #8fc41e; } .content{ padding:0px 20px; } .yang-table{ width: 100%; overflow: auto; } table{ width:1200px; margin:30px 0px; color:#666; font-size:14px; } table tr th{ background:#e2e2e2; font-size:14px; line-height:28px; text-align:left; font-weight:500; padding:5px 10px; } table tr td{ padding:2px 10px; } table tr td a{ color:#666; padding: 2px 10px; border-radius: 5px; display:block; } table tr td a:hover{ color:#8fc31f; } table tr .center{ text-align:center; } table tr:hover{ background:#f0f0f0; } .pro_tab tr td.bghot, .pro_tab tr th.bghot { background: url(../images/bghot.jpg) no-repeat 80px 3px; } .pro_tab tr td.bgnew, .pro_tab tr th.bgnew { background: url(../images/bgnew.jpg) no-repeat 80px 3px; } .pro_h3 { font-size: 18px; color: #165aa7; line-height: 26px; } .pro_tab { border-top: #d6d6d6 1px solid; border-collapse: collapse; margin: 20px auto; } .pro_tab tr { border: none; } .pro_tab tr:hover table th, .pro_tab tr:hover table td, .pro_tab tr:hover { background: #F0F0F0; } .pro_tab tr th { font-weight: bold; background: #F0F0F0; } .pro_tab tr td, .pro_tab tr th { text-align: left; padding: 5px 20px 5px 20px; line-height: 22px; border: #e1e1e1 1px solid; border-right: none; color:#666; } .pro_tab table tr td { vertical-align: top; padding: 0 2px; line-height: 22px; border: none; } .pro_tab tr td a { font-size: 14px; color: #666; } .pro_tab tr td a:hover { text-decoration: underline; } .pro_tab tr td p { text-align: left; } .pro_tab tr th.pro_tab_title, .pro_tab tr td.pro_tab_title { border-left: none; } .pro_tab .cs{ background:#a3afbd; color:#ffffff; } .pro_tab .tc{ text-align:center; } .pro_tab tr td.no_bd_lf,.pro_tab tr th.no_bd_lf{ border-left:none; } .pro_tab .bg{ background:#F0F0F0; } .pro_homepage{ margin:5px 0px 20px 0px; color:#666; font-size:12px; } .pro_homepage tr th.no_bd_lf,.pro_homepage tr td.no_bd_lf{ border-left:none; } .pro_homepage tr th,.pro_homepage tr td{ padding:5px 15px; text-align:center; } .pro_homepage tr td,.pro_homepage tr th{ text-align:left; padding:8px 6px; line-height:22px; color:#666; text-align:center; border-bottom:#e1e1e1 1px solid; } .pro_homepage tr th.no_bd_lf,.pro_homepage tr td.no_bd_lf{ border-left:none; } .pro_homepage tr th{ background:#f0f0f0; font-size:12px; line-height:28px; text-align:left; font-weight:bold; } .pro_homepage .bg{ background:#8fc41e; color:#fff;text-align:center; font-weight:bold; } .pro_homepage tr:nth-child(odd){ background:#ffffff; } .pro_homepage tr:nth-child(even){ background:#f9f9f9; } .pro_homepage tr:hover{ background:#f3f3f3; cursor:pointer; } .table_y{ width:99%; } .table_x{ width:1198px; } .table_x2{ width:1000px; } .zcp003_1{ margin:25px 0px; } .zcp003_2{ width:100%; } .yang_card_pro_choose_info_4 { text-align:center; } .yang_card_pro_choose_info_4 a{ min-width:130px; font-size:14px; color:#8fc41e; border:1px solid #8fc41e; border-radius:5px; padding:5px 22px; display:inline-block; margin:0 6px; text-decoration:none; } .yang_card_pro_choose_info_4 a:hover{ background:#8fc41e; color:#fff; text-decoration:none; } .jd_btn{ width:46px; font-size:12px; line-height:16px; padding:1px 3px; text-align:center; background:#ec3b3b; border:1px solid #ec3b3b; color:#ffffff !important; border-radius:15px; margin:5px 5px 5px 0px; } .jd_btn:hover{ color:#FFF !important; } .fafafa { background:#fafafa; } .ct_dt{ color:#ffffff !important; } .cq{color:#f70a0a; font-size:16px!important; line-height:32px; width:99px; height:33px; background:#ffffff; margin:25px auto -38px auto; text-align:center; cursor:pointer; border:1px solid #F00; border-radius:5px; } .cq:hover{ background:#e60012; color:#FFF; } .cq1{color:#f70a0a; font-size:16px!important; line-height:32px; width:99px; height:33px; background:#ffffff; margin:15px auto 25px auto; text-align:center; cursor:pointer; border:1px solid #F00; border-radius:5px; } .tc_message{ display:none; position:fixed; width:805px; height:498px; padding:37px 10px; left:50%; margin-left:-396px; top:50%; margin-top:-207px; z-index:99999; } .tc_message_bg{ width:100%; height:100%; position:absolute; left:0; top:0;background:#4e4e4e; opacity:0.95; filter:alpha(opacity=95); border-radius:5px; } .message{ position:relative; padding-top:16px; z-index:1000; color:#fff; } .message label,.message input,.message textarea{ width:560px; } .message label{ color:#fff; line-height:30px; font-size:14px; } .message input{ width:367px !important; height:38px; color:#666; line-height:22px; border:#cccccc 1px solid; padding:2px 20px 2px 20px; margin-left:6px; border-radius:5px; } .message textarea{padding:10px 20px; border: 0 none; } .message .mess_btn{ font-size:18px; background:#1a8ed8; padding:10px 30px; color:#fff; margin:25px auto 0 auto; border:0 none; border-radius:5px; display:block; } .message .mess_btn:hover{ background:#329bdd; cursor: pointer; } .message .sf_tel{ position:absolute; right:81px; top:-20px; font-size:18px; line-height:40px; color:#fff; } .message .sf_tel em{ font-size:26px; } .message_close{ position:absolute; right:6px; top:3px; width:40px; height:40px; background:transparent url("../images/tc_close1.png") no-repeat scroll; cursor: pointer; } input{ outline:none; } table tr:hover{ background:none; } .pro_tab_cq { border-collapse:collapse; margin:0px auto; width:784px; } .pro_tab_cq tr { border:none; } .pro_tab_cq tr td, .pro_tab_cq tr th { text-align:left; height:62px; color:#666; } .pro_tab_cq tr th.no_bd_lf, .pro_tab_cq tr td.no_bd_lf { border-left:none; font-size:18px; color:#ffffff; padding-left:3px; } .pro_bg_cq{ color:red; padding-left:65px !important; } .pro_tab_cq tr th.no_ft, .pro_tab_cq tr td.no_ft { border: none; } .Validform_checktip{ margin-left:8px; line-height:20px; overflow:hidden; color:#999;} .Validform_right{ width:25px; height:25px; color:#34b04b; font-size:14px; padding-left:25px; background:url(../images/right.png) no-repeat left center; } .Validform_wrong{ color:#e94a51; font-size:14px; padding-left:25px; white-space:nowrap; background:url(../images/error.png) no-repeat left center; } .Validform_loading{ padding-left:20px; background:url(../images/onLoad.gif) no-repeat left center; } .Validform_error{ border:1px solid #ff0000 !important; } #Validform_msg{ color:#7d8289; font:12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); } #Validform_msg .iframe{ position:absolute; left:0px; top:-1px; z-index:-1; } #Validform_msg .Validform_title{ line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999; background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666'); } #Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{ line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none; } #Validform_msg a.Validform_close:hover{ color:#ccc; } #Validform_msg .Validform_info{ padding:8px;border:1px solid #bbb; border-top:none; text-align:left; } .buy_frame{ width:100%; height:160px; } .buy_button{ width:120px; height:46px; font-size:16px; line-height:46px; border-radius:28px; margin:0 auto; display:block; background:#01b2a9; text-align:center; color:#ffffff !important; } .buy_button:hover{ color:#ffffff; background:#019f94; } @media only screen and (max-width:767px) { .row .col-lg-6 h2{ font-size:22px; border-bottom:1px solid #ccc; background:url(../images/pq_t1_bg.jpg) no-repeat 0px 2px; padding:0px 0px 22px 10px; } .row .col-lg-6 img{ margin-top:25px; } .v_con01 { display:none; width:500px; height:280px; position:fixed; left:65%; top:55%; } .v_close{ position:absolute; top:53%; margin-top:-220px; left:37%; margin-left:360px; cursor:pointer; z-index:1003; display:none; } } @media screen and (min-width:768px) { .row .col-lg-6 h2{ font-size:22px; border-bottom:1px solid #ccc; background:url(../images/pq_t1_bg.jpg) no-repeat 0px 2px; padding:0px 0px 22px 10px; } .row .col-lg-6 img{ margin-top:30px; } .v_close{ display:block; } } @media only screen and (max-width:519px) { .v_con01 { display:none; width:350px; height:197px; position:fixed; left:15%; margin-left:0px; top: 65%; } .v_close{ position:absolute; top:43%; margin-top:0px; left:72%; margin-left:0px; cursor:pointer; z-index:1003; display:none; } } @media only screen and (max-width:414px) { .v_con01 { display:none; width:330px; height:186px; position:fixed; left:11%; margin-left:0px; top:65%; } } @media only screen and (max-width:375px) { .v_con01 { display:none; width:310px; height:175px; position:fixed; left:9%; margin-left:0px; top:65%; } } @media only screen and (max-width:365px) { .v_con01 { display:none; width:300px; height:169px; position:fixed; left:6%; margin-left:0px; top:68%; } .v_close{ position:absolute; top:38%; margin-top:0px; left:88%; margin-left:0px; cursor:pointer; z-index:1003; display:none; } } @media only screen and (max-width:320px) { .v_con01 { left:3%; } } @media (min-width: 300px) { .osc_banner_s{ width:100%; height:274px; background:url(../images/tmi-osc/banner_s.jpg) center center / 100% 100% no-repeat; } .osc_banner1_s{ width:100%; height:274px; background:url(../images/tmi-osc/banner1_s.jpg) center center / 100% 100% no-repeat; } .content_n{ padding:0px 10px; } .ct_tit{ font-size:24px; line-height:38px; color:#333; text-align:center; margin:50px auto 20px auto !important; } .ct_tit2{ font-size:24px; line-height:38px; color:#8fc41e; text-align:center; margin:50px auto 10px auto !important; } .ct_tit3{ font-size:24px; line-height:38px; color:#333; text-align:center; margin:10px auto 20px auto !important; } .ct_tit4{ font-size:20px; line-height:38px; color:#333; font-weight:bold; text-align:center; margin:-10px auto 10px auto !important; } .ct_tit6{ font-size:20px; line-height:38px; color:#333; font-weight:bold; text-align:center; margin:-10px auto 10px auto !important; } .ct_st_1{ width:260px; font-size:24px; line-height:38px; font-weight:bold; color:#ffffff; background:#00b4aa; border-radius:12px; text-align:center; margin:50px auto 7px auto !important; } .ct_tit_new{ font-size:24px; line-height:38px; color:#333; text-align:center; margin:50px auto 20px auto !important; } .ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px !important; } .ct_p_new{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px !important; } #ZDS5054Pro_btn{ width:100%; height:340px; margin:30px auto 0px; display:none; } #ZDS5054Pro_btn li{ width:50%; height:150px; float:left; color:#000000; } #ZDS5054Pro_btn li>a>div{ width:100%; height:150px; text-align:center; margin:0 auto 10px; color:#8fc41e; } .btn_t1{ border-bottom:none; } #ZDS5054Pro_btn h3{ margin-top:0px; } .lunbo>ol{ width:176px; bottom:10px; margin-left:-20px; } .row .col-lg-6 { padding-bottom:30px; } .row .col-lg-6:first-child{ padding-bottom:20px; } .row .col-lg-6 h2{ font-size:22px; margin-bottom:30px; color:#575757; margin:28px 0px 24px 0px; } .row1 .col-lg-6 { min-height:1px; float:left; padding-bottom:35px; } .row1 .col-lg-6:first-child{ padding-bottom:20px; } .row1 .col-lg-6 h2{ font-size:24px; margin-bottom:30px; color:#575757; margin:28px 0px 24px 0px; } .row1 .col-lg-6 dl { width:260px; height:auto; float:left; margin-bottom:15px; } .row1 .col-lg-6 dl dt{ width:260px; height:auto; float:left; color:#007ecc; font-weight:bold; line-height:24px; } .row1 .col-lg-6 dl dd{ width:260px; height:auto; float:left; color:#463f46; line-height:24px; } .row2 .col-lg-6 { min-height:1px; float:left; padding-bottom:35px; } .row2 .col-lg-6:first-child{ padding-bottom:20px; } .row2 .col-lg-6 h2{ font-size:24px; margin:46px 0 20px 0; } .row2 .col-lg-6 h3{ margin:0px 0 7px 0; } .row2 .col-lg-6 h3 a{ line-height:24px; } .row2 .col-lg-6 p{ font-size:14px; line-height:22px; color:#666; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:100px; float:left; margin-bottom:10px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:69%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div>p>a{ color:#b3b3b3; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:27%; height:auto; float:left; margin-right:10px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:4px 0px 0px 0px; float:left; } .row2 .col-video{ width:260px; height:172px; } .row2 .col-video img { width:100%; height:auto; } .content{ padding:0px 10px; margin:30px 0px; } table{ font-size:12px; } table tr th{ font-size:12px; } .pro_h3 { font-size:24px; margin:50px 0px 13px 0px; } .pro_tab { margin: 10px auto; } .content .pro_lunbo{ width:283px; height:380px; position:relative; margin:20px auto; } .content .pro_lbat1{ height:400px; } .content .pro_lbat2{ height:240px; } .content .pro_empty{ height:318px; } .content .pro_lbcq{ height:561px; } .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 0px 0px; } .content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:18px; line-height:24px; margin:0px 0px 10px 0px; } .content .pro_lunbo>ol>li>h4{ text-align:center; color:#666; font-size:14px; line-height:24px; margin:0px 0px 10px 0px; } .content .pro_lunbo>ol>li>p{ font-size:14px; 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; } .pro_download{ height:auto; margin:0 auto; font-size:14px; overflow:auto; } .pro_download_class{ width:100%; height:auto; border-bottom: 1px dashed #cbcbcb; float:left; padding:20px 0px; margin-bottom:20px; } .pro_download_class_l{ width:100%; height:30px; float:left; font-size:24px; margin:0px 0px 10px 0px; } .pro_download_class_r{ width:100%; height:auto; float:left; } .pro_download_class_r ul{ width:100%; } .pro_download_class_r ul li{ width:100%; height:auto; line-height:30px; } .pro_download .down-ico-pdf{ background:url(../images/pdf.png) no-repeat 0px 8px; padding-left:20px; } .pro_download .down-ico-zip{ background:url(../images/zip.png) no-repeat 0px 8px; padding-left:20px; } .pro_download_class_l span{ width:16px; height:16px; background:#003; display: inline-block; margin:0px 0px 0px 10px; } .pro_download_class_l .down{ background:url(../images/down.jpg)no-repeat 0px 3px; cursor:pointer; } .pro_download_class_l .up{ background:url(../images/up.jpg)no-repeat 0px 3px; cursor:pointer; } .yang_card_pro{ width:100%; margin:0px; padding:0px; overflow:auto; } .yang_card_pro p{ margin:8px 0px; } .yang_card_pro .content{ margin-top:0px; } .yang_card_pro_list{ width:100%; max-width:1200px; margin:0px auto; padding:0px; } .yang_card_pro_list_new{ width:100%; margin:30px auto; padding:0px; } .pro_b_g{ border-bottom:#f0f0f0 1px solid;background:url(../images/tmi-osc/main_bg.png) bottom center no-repeat #fff; padding-bottom:20px; } .pro_b_b{ border-bottom:#f0f0f0 1px solid; background:url(../images/tmi-osc/main_bg.png) bottom center no-repeat #fff; padding-bottom:20px; margin:27px 0px 25px 0px; } .yang_card_h3{ font-size:24px; color:#333; text-align:center; line-height:42px; padding-bottom:0px; padding-top:0px; } .yang_card_history_h3{ font-size:24px; color:#333; text-align:center; line-height:42px; font-weight:bold; padding-bottom:0px; padding-top:20px; } .yang_card_p{ width:100%; padding:0 5px;font-size:14px; color:#555; line-height:24px; text-align:center; } .yang_card_img,.yang_card_imgb{ width:100%; height:auto; float:left; margin-top:5px; padding-bottom:20px; } .yang_card_img2,.yang_card_img2b{ width:100%; height:auto; float:left; margin-top:5px; padding-bottom:20px; } .yang_card_history{ width:100%; max-width:1200px; height:auto; border-top:#ccc 1px solid; margin:30px 0px 30px 0px; width:100%; overflow:auto; } .yang_card_history ul{ width:100%; height:auto; float:left; } .yang_card_history li{ width:100%; height:auto; float:left; } .yang_card_year{ width:100%; height:auto; float:left; font-size:24px; margin-right:3%; padding-top:30px; padding-left:20px; } .yang_card_history_new .yang_card_year{ width:100%; height:auto; float:left; font-size:32px; margin-right:3%; padding-top:30px; padding-left:20px; } .yang_card_no,.yang_card_no2{ width:100%; height:auto; float:left; padding-top:10px; } .yang_card_photo{ width:100%; height:170px; float:left; padding:10px 10px 0px 20px; border-bottom:#cccccc 1px solid; } .ct_dt{ color:#ffffff !important; } .yang_card_no .tit,.yang_card_no2 .tit { width:100%; padding-left:20px; background:url(../images/tmi-osc/square.jpg) no-repeat left 5px; display:inline-block; color:#666; } .yang_card_history_new .yang_card_no .tit,.yang_card_history_new .yang_card_no2 .tit { width:100%; padding-left:20px; background:url(../images/tmi-osc/square.png) no-repeat left 5px; display:inline-block; color:#666; } .yang_card_no em,.yang_card_no2 em { font-size:18px; padding-right:15px; } .yang-table-h3{ font-size:22px; color:#000; text-align:center; line-height:38px; padding-bottom:2px; padding-top:10px; } .content .function_show{ width:280px; height:559px; position:relative; margin:10px auto 40px auto; } .content .function_show>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show>ol>li:first-child{ display:block; } .content .function_show>ol>li>img{ width:270px; height:144px; margin-bottom:169px; margin-top:30px; } .content .function_show>ol>li>p{ font-size:14px; color:#555; text-indent:2em; line-height:24px; margin:0 5px; } .content .function_show>ul{ position:absolute; bottom:238px; width:100%; left:0%; text-align:center; margin:14px auto; } .content .function_show>ul>li{ width:58px; height:65px; margin:4px 4px; cursor:pointer; display:inline-block; padding-bottom:10px; } .content .function_show>ul>li:last-child{ width:72px; } .content .function_show>ul>li>img{ width:58px; height:55px; } .content .function_show>ul>li:last-child>img{ width:72px; height:55px; } .content .function_show>ul>li.current{ border-bottom: 2px solid #3C91CD; } .content .function_show_new{ width:280px; height:440px; position:relative; margin:10px auto 10px auto; } .content .function_show_new>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show_new>ol>li:first-child{ display:block; } .content .function_show_new>ol>li>img{ width:270px; height:107px; margin-bottom:169px; margin-top:30px; } .content .function_show_new>ul{ position:absolute; bottom:0px; width:100%; left:0%; text-align:center; margin:14px auto; } .content .function_show_new>ul>li{ width:80px; height:78px; margin:4px 4px; cursor:pointer; display:inline-block; padding-bottom:10px; border:1px solid #00b4aa; border-radius:10px; } .content .function_show_ul>li.current{ background:#00b4aa; } .content .function_show_ul>li>h4{ font-size:18px; font-weight:bold; color:#00b4aa; margin-top:14px; } .content .function_show_ul>li>p{ font-size:12px; color:#00b4aa; } .content .function_show_ul>li.current>h4,.content .function_show_ul>li.current>p{ color:#ffffff; } .content_n .function_show1{ width:280px; height:520px; margin:10px auto 40px auto; } .content_n .function_show1>ol>li{ width:100%; display:none; text-align:center; } .content_n .function_show1>ol>li:first-child{ display:block; } .content_n .function_show1>ol>li>img{ width:270px; height:167px; margin-top:0px; } .content_n .function_show1>ul{ width:100%; height:auto; float:left; text-align:center; margin:14px auto; } .content_n .function_show1>ul>li{ width:110px; height:74px; margin:4px 2px; cursor:pointer; display:inline-block; padding-bottom:10px; } .content_n .function_show1>ul>li:last-child{ width:72px; } .content_n .function_show1>ul>li>img{ width:58px; height:55px; } .content_n .function_show1>ul>li:last-child>img{ width:72px; height:55px; } .content_n .function_show1>ul>li.current{ color:#8fc41e; } .content_n .function_show1>ul>li>h3{ font-size:14px; height:20px; margin:10px 0px; } #FS_ico1{ width:40px; height:40px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_01.jpg) no-repeat; background-size:cover; } #FS_ico2{ width:40px; height:40px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_02.jpg) no-repeat; background-size:cover; } #FS_ico3{ width:40px; height:40px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_03.jpg) no-repeat; background-size:cover; } #FS_ico4{ width:40px; height:40px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_04.jpg) no-repeat; background-size:cover; } #FS_ico5{ width:40px; height:40px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_05.jpg) no-repeat; background-size:cover; } #FS_ico6{ width:40px; height:40px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_06.jpg) no-repeat; background-size:cover; } #FS_ico7{ width:40px; height:40px;; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_07.jpg) no-repeat; background-size:cover; } .content_n .function_show1>ul>li.current #FS_ico1{ background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_08.jpg) no-repeat; background-size:cover; } .content_n .function_show1>ul>li.current #FS_ico2{ background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_09.jpg) no-repeat; background-size:cover; } .content_n .function_show1>ul>li.current #FS_ico3{ background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_10.jpg) no-repeat; background-size:cover; } .content_n .function_show1>ul>li.current #FS_ico4{ background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_11.jpg) no-repeat; background-size:cover; } .content_n .function_show1>ul>li.current #FS_ico5{ background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_12.jpg) no-repeat; background-size:cover; } .content_n .function_show1>ul>li.current #FS_ico6{ background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_13.jpg) no-repeat; background-size:cover; } .content_n .function_show1>ul>li.current #FS_ico7{ background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_14.jpg) no-repeat; background-size:cover; } .pro_lunbo .ul01{ text-align:center; color:#228fd3; margin-top:20px; } .pro_lunbo .ul01 div{ display:inline-block; *zoom:1; *display:inline; font-size:14px; padding:0 8px; border-right:1px solid #228fd3; line-height:20px; *line-height:25px; margin-bottom:16px; } .pro_lunbo .ul01 div span{ font-size:18px; } .pro_lunbo .ul01 div em{ font-size:14px; } .k_tab{ padding:0 15px;} .pro_zhuanti{ width:100%; height:auto; overflow:hidden; } .pro_zhuanti .content{ width: 100%; height: auto; overflow: hidden; margin:0 auto; padding: 0px 14px; margin-bottom: 40px; } .pro_zhuanti .content>ul{ width: 100%; height: auto; overflow: hidden; margin:10px 0; } .pro_zhuanti .content>ul>li { float: left; width: 100%; height: auto; overflow: hidden; margin: 10px 0 20px; border-bottom: 1px solid #d6d6d6; } .pro_zhuanti .content>ul>li>dl { width: 100%; height: auto; overflow: hidden; margin-bottom: 0; } .pro_zhuanti .content>ul>li>dl>dt { font-size: 16px; margin-bottom: 10px; overflow: hidden; } .pro_zhuanti .content>ul>li>dl>dd { line-height: 28px; background: url(../images/s_dd.jpg) no-repeat 0px 12px; padding-left: 12px; overflow: hidden; } .pro_zhuanti .content>ul>li>dl>dd a {color: #666; } .pro_zhuanti .content>ul>li p.tupian{ width: 100%; height: auto; overflow: hidden; } .pro_zhuanti .content>ul>li p.gengduo{ width: auto; height: auto; overflow: hidden; float: right; } .pro_zhuanti .content>ul>li p.gengduo a{ color: #8fc31f; } .pro_zhuanti .content>ul>li img{ display:none; } .pro_zhuanti_left{ float: left; width: 100%; overflow: hidden; } .pro_zhuanti_left ul{float: left; width: 100%; overflow: hidden; } .pro_zhuanti_right{ float: left; width: 100%; overflow: hidden;} .pro_zhuanti_left ul li{width: 100%; float: left; line-height: 44px; border-bottom: 1px solid #e8e8e8; background: url(../images/s_dy_03.png) no-repeat right; cursor: pointer; } .pro_zhuanti_left ul li a{display: block;} .pro_zhuanti_left ul li.current {color:#8fc31f; border-bottom: 1px solid #8fc31f; background: url(../images/s_t1_03.png) no-repeat right; } .pro_zhuanti_left ul li.current a{ color: #8fc31f; } .pro_zhuanti_right ol li dl { overflow: hidden; } .pro_zhuanti_right ol li dl dt { width: auto; height:auto; margin:10px auto;overflow:hidden; } .pro_zhuanti_right ol li dl dd { width:100%; color: #999; line-height: 22px; float: left; padding: 5px 0 0; } .pro_zhuanti_right ol li dl dd p{padding-bottom:10px;line-height:24px;} .pro_zhuanti_right ol li dl dd.tit { font-size: 18px;line-height: 26px; } .pro_zhuanti_right ol li dl dd a:hover { color: #8fc31f; } .pro_zhuanti_right ol li dl dd .more{font-size: 14px; color: #8fc31f;border-radius: 5px; border: 1px solid #8fc31f; padding: 4px; width: 80px; text-align: center; } .pro_zhuanti_right .text .tit{font-size: 20px; line-height: 24px; margin: 20px 0; border-bottom: 2px solid #83b31d; padding-bottom: 20px; } .pro_zhuanti_right .c_h1,.pro_zhuanti_right .c_h2{ font-weight: bold; font-size:16px; margin:5px 0; } .pro_zhuanti_right .text{ margin-top:30px;} .pro_zhuanti_right .text p { line-height: 26px; color: #666; font-size: 14px; margin-bottom: 0; } .pro_zhuanti_right .text .c_h6{color: #666; text-align: center; margin: 10px 0px; } .pro_zhuanti_right .text .c_img{ margin: 10px 0; text-align: center; } .pro_zhuanti_right iframe{ width:264px; height: 266px; margin:10px 0; margin: 0 auto; } .pro_zhuanti_right .text ul{ padding:5px 0; } .pro_zhuanti_right .text ul li{ background: url(../images/s_dd.jpg) no-repeat 10px 14px; color: #666; line-height: 30px; text-indent: 2em; } .yang-table{ width:100%; overflow:auto; margin:20px 0; } .pro_norms { margin: 10px auto;color: #666; font-size: 12px; } .pro_norms tr th,.pro_norms tr td{ border-left:1px solid #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; } .pro_zhuanti_right .next{padding:10px 0;} .pro_zhuanti_right .next a{ border: #eeeeee 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left; } .pro_zhuanti_right>ol#detail{ margin-top:20px;} .pro_zhuanti_right>ol#detail>li { background: url(../images/s_dd.jpg) no-repeat 0px 14px; font-size:14px; line-height: 30px; padding-left: 14px; } .pro_zhuanti_right .page{padding:10px 0;} .pro_zhuanti_right .page a{ border: #eeeeee 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left; } .pro_zhuanti_right .page span.current{ border: #8fc31f 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left; } #w1{ width:100%; height:auto; margin:20px auto; padding:0px 10px; } #w1 h1{ font-size:22px; line-height:40px; color:#333; text-align:center; margin:36px auto 7px auto !important; } #w1 h2{ font-size:18px; line-height:28px; color:#555; text-align:center; margin:10px 3px; } #w1 h3{ font-size:14px; line-height:24px; color:#555; margin-top:0px; text-align:center; } #w1 p{ font-size:14px; line-height:24px; color:#555; text-align:center; margin-left:auto; margin-right:auto; } #w1 ul{ width:100%; height:auto; margin-top:18px; overflow:hidden; } #w1 ul li{ width:136px; height:122px; margin:0px auto 20px; float:left; } .z1_ico1{ width:80px; height:80px; background:url(../images/tmi-osc/zico_1.jpg) center center no-repeat; margin:0 auto; } .z1_ico2{ width:80px; height:80px; background:url(../images/tmi-osc/zico_2.jpg) center center no-repeat; margin:0 auto; } .z1_ico3{ width:80px; height:80px; background:url(../images/tmi-osc/zico_3.jpg) center center no-repeat; margin:0 auto; } .z1_ico4{ width:80px; height:80px; background:url(../images/tmi-osc/zico_4.jpg) center center no-repeat; margin:0 auto; } .z1_ico5{ width:80px; height:80px; background:url(../images/tmi-osc/zico_5.jpg) center center no-repeat; margin:0 auto; } .z1_ico6{ width:80px; height:80px; background:url(../images/tmi-osc/zico_6.jpg) center center no-repeat; margin:0 auto; } .z1_ico7{ width:80px; height:80px; background:url(../images/tmi-osc/zico_7.jpg) center center no-repeat; margin:0 auto; } .z1_ico8{ width:80px; height:80px; background:url(../images/tmi-osc/zico_8.jpg) center center no-repeat; margin:0 auto; } .z1_ico9{ width:80px; height:80px; background:url(../images/tmi-osc/zico_9.jpg) center center no-repeat; margin:0 auto; } .z1_ico10{ width:80px; height:80px; background:url(../images/tmi-osc/zico_10.jpg) center center no-repeat; margin:0 auto; } #w2{ width:100%; height:auto; margin:20px auto; padding:0px 10px; overflow:hidden; } #w2 h2{ font-size:24px; line-height:22px; color:#333; text-align:center; margin:40px auto 0px; } .buy_frame{ width:100%; height:110px; } } /*针对iphone5s*/ @media (min-width: 315px) { .osc_banner_s,.osc_banner1_s{ width:100%; height:288px; } .row1 .col-lg-6 dl { width:280px; height:auto; float:left; margin-bottom:15px; } .row1 .col-lg-6 dl dt{ width:280px; } .row1 .col-lg-6 dl dd{ width:280px; } .row2 .col-lg-6 { min-height:1px; float:left; padding-bottom:35px; } .row2 .col-lg-6:first-child{ padding-bottom:20px; } .row2 .col-lg-6 h2{ font-size:24px; margin:46px 0 20px 0; } .row2 .col-lg-6 h3{ margin:0px 0 7px 0; } .row2 .col-lg-6 h3 a{ line-height:25px; } .row2 .col-lg-6 p{ font-size:14px; line-height:22px; color:#666; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:100px; float:left; margin-bottom:10px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:68%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:28%; height:auto; float:left; margin-right:10px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:4px 0px 0px 0px; float:left; } .row2 .col-video{ width:280px; height:185px; } .row2 .col-video img { width:100%; height:auto; } .content{ padding:0px 12px; } table{ font-size:12px; } table tr th{ font-size:12px; } .pro_zhuanti_right iframe { width:275px; } } @media (min-width: 360px) { .pro_zhuanti_right iframe { width:320px; } .osc_banner_s,.osc_banner1_s{ width:100%; height:329px; } #w1{ width:100%; height:auto; margin:20px auto; padding:0px 12px; } #w1 h1{ font-size:24px; line-height:40px; color:#333; text-align:center; margin:40px auto 7px auto !important; } #w1 h2{ font-size:15px; line-height:24px; color:#555; text-align:center; margin:10px 3px 2px; } #w1 ul{ width:100%; height:auto; margin-top:30px; } #w1 ul li{ width:158px; height:120px; margin:0px 5px 10px; float:left; } #w2{ width:100%; height:auto; margin:0px auto 20px; overflow:hidden; } } /*针对iphone6*/ @media (min-width: 375px) { .osc_banner_s,.osc_banner1_s{ width:100%; height:342px; } .row .col-lg-6 { padding-bottom:40px; } .row .col-lg-6:first-child{ padding-bottom:30px; } .row1 .col-lg-6 h2{ font-size:24px; margin-bottom:30px; color:#575757; margin:32px 0px 24px 0px; } .row1 .col-lg-6 { min-height:1px; float:left; padding-bottom:40px; } .row1 .col-lg-6:first-child{ padding-bottom:25px; } .row1 .col-lg-6 dl { width:335px; height:auto; float:left; margin-bottom:15px; } .row1 .col-lg-6 dl dt{ width:335px; height:auto; float:left; color:#007ecc; font-weight:bold; line-height:24px; } .row1 .col-lg-6 dl dd{ width:335px; height:auto; float:left; color:#463f46; line-height:24px; } .row2 .col-lg-6 { min-height:1px; float:left; padding-bottom:35px; } .row2 .col-lg-6:first-child{ padding-bottom:20px; } .row2 .col-lg-6 h2{ font-size:24px; margin:6px 0 20px 0; } .row2 .col-lg-6 h3{ margin:0px 0 7px 0; } .row2 .col-lg-6 h3 a{ line-height:26px; } .row2 .col-lg-6 p{ font-size:14px; line-height:22px; color:#666; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:100px; float:left; margin-bottom:10px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:65%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:30%; height:auto; float:left; margin-right:15px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:5px 0px 0px 0px; float:left; } .row2 .col-video{ width:335px; height:222px; } .row2 .col-video img { width:100%; height:auto; } .content .pro_lunbo{ width:335px; height:380px; position:relative; margin:20px auto; } .content .pro_lbat1{ height:390px; } .content .pro_lbat2{ height:270px; } .content .pro_empty{ height:350px; } .content .pro_lbcq{ height:565px; } .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 0px 0px; } .content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:18px; line-height:24px; margin:0px 0px 10px 0px; } .content .pro_lunbo>ol>li>h4{ text-align:center; color:#666; font-size:14px; line-height:24px; margin:0px 0px 10px 0px; } .content .pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; } .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; } .content .function_show{ width:350px; height:548px; position:relative; margin:10px auto 40px auto; } .content .function_show>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show>ol>li:first-child{ display:block; } .content .function_show>ol>li>img{ width:340px; height:181px; margin-bottom:169px; } .content .function_show>ol>li>p{ font-size:14px; color:#555; text-indent:2em; line-height:24px; margin:0 5px; } .content .function_show>ul{ position:absolute; bottom:190px; width:100%; left:0%; text-align:center; margin:14px auto; } .content .function_show>ul>li{ width:58px; height:65px; margin:4px 4px; cursor:pointer; display:inline-block; padding-bottom:10px; } .content .function_show>ul>li:last-child{ width:72px; } .content .function_show>ul>li>img{ width:58px; height:55px; } .content .function_show>ul>li:last-child>img{ width:72px; height:55px; } .content .function_show>ul>li.current{ border-bottom: 2px solid #3C91CD; } .content .function_show_new{ width:350px; height:460px; position:relative; margin:10px auto 10px auto; } .content .function_show_new>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show_new>ol>li:first-child{ display:block; } .content .function_show_new>ol>li>img{ width:340px; height:135px; margin-bottom:169px; margin-top:30px; } .content .function_show_new>ul{ position:absolute; bottom:0px; width:100%; left:0%; text-align:center; margin:14px auto; } .content .function_show_new>ul>li{ width:80px; height:78px; margin:4px 4px; cursor:pointer; display:inline-block; padding-bottom:10px; border:1px solid #00b4aa; border-radius:10px; } .content .function_show_ul>li.current{ background:#00b4aa; } .content .function_show_ul>li>h4{ font-size:18px; font-weight:bold; color:#00b4aa; margin-top:14px; } .content .function_show_ul>li>p{ font-size:12px; color:#00b4aa; } .content .function_show_ul>li.current>h4,.content .function_show_ul>li.current>p{ color:#ffffff; } .content_n .function_show1{ width:336px; height:480px; margin:10px auto 40px auto; } .content_n .function_show1>ol>li>img{ width:330px; height:204px; margin-top:0px; } .content_n .function_show1>ul{ width:100%; height:auto; float:left; text-align:center; margin:14px auto; } .content_n .function_show1>ul>li{ width:90px; height:74px; margin:4px 2px; cursor:pointer; display:inline-block; padding-bottom:10px; } #w1 ul li{ width:106px; height:140px; margin:0px 5px 10px; float:left; } .pro_zhuanti .content { padding: 0px 16px; } .pro_zhuanti_right iframe { width:329px; } } /*针对全面屏安卓*/ @media (min-width: 390px) { .osc_banner_s,.osc_banner1_s{ width:100%; height:356px; } #w1 ul{ width:100%; height:auto; margin-top:18px; } #w1 ul li{ width:120px; height:140px; margin:0px auto 10px; float:left; padding:0 10px; } } @media (min-width: 400px) { .osc_banner_s,.osc_banner1_s{ width:100%; height:365px; } .row1 .col-lg-6 h2{ font-size:24px; margin-bottom:30px; color:#575757; } .row1 .col-lg-6 { min-height:1px; float:left; padding-bottom:40px; } .row1 .col-lg-6:first-child{ padding-bottom:25px; } .row1 .col-lg-6 dl { width:337px; height:auto; float:left; margin-bottom:15px; } .row1 .col-lg-6 dl dt{ width:337px; height:auto; float:left; color:#007ecc; font-weight:bold; line-height:24px; } .row1 .col-lg-6 dl dd{ width:337px; height:auto; float:left; color:#463f46; line-height:24px; } .row2 .col-lg-6 { min-height:1px; float:left; padding-bottom:35px; } .row2 .col-lg-6:first-child{ padding-bottom:20px; } .row2 .col-lg-6 h2{ font-size:24px; margin:46px 0 20px 0; } .row2 .col-lg-6 h3{ margin:0px 0 7px 0; } .row2 .col-lg-6 h3 a{ line-height:26px; } .row2 .col-lg-6 p{ font-size:14px; line-height:22px; color:#666; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:100px; float:left; margin-bottom:10px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:65%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:30%; height:auto; float:left; margin-right:15px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:5px 0px 0px 0px; float:left; } .row2 .col-video{ width:360px; height:238px; } .row2 .col-video img { width:100%; height:auto; } .content{ padding:0px 18px; } table{ font-size:12px; } table tr th{ font-size:12px; } .content .pro_lunbo{ width:350px; height:422px; position:relative; margin:20px auto; } .content .pro_lbat1{ height:395px; } .content .pro_lbat2{ height:275px; } .content .pro_empty{ height:371px; } .content .pro_lbcq{ height:540px; } .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 0px 0px; } .content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:20px; line-height:26px; margin:0px 0px 10px 0px; } .content .pro_lunbo>ol>li>h4{ text-align:center; color:#666; font-size:16px; line-height:26px; margin:0px 0px 10px 0px; } .content .pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; } .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; } .content .function_show{ width:365px; height:557px; position:relative; margin:10px auto 40px auto; } .content .function_show>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show>ol>li:first-child{ display:block; } .content .function_show>ol>li>img{ width:353px; height:188px; margin-bottom:169px; } .content .function_show>ol>li>p{ font-size:14px; color:#555; text-indent:2em; line-height:24px; margin:0 5px; } .content .function_show>ul{ position:absolute; bottom:192px; width:100%; left:0%; text-align:center; margin:14px auto; } .content .function_show>ul>li{ width:58px; height:65px; margin:4px 4px; cursor:pointer; display:inline-block; padding-bottom:10px; } .content .function_show>ul>li:last-child{ width:72px; } .content .function_show>ul>li>img{ width:58px; height:55px; } .content .function_show>ul>li:last-child>img{ width:72px; height:55px; } .content .function_show>ul>li.current{ border-bottom: 2px solid #3C91CD; } .content_n .function_show1{ width:380px; height:410px; margin:10px auto 40px auto; } .content_n .function_show1>ol>li>img{ width:350px; height:216px; } .content .function_show_new{ width:365px; height:380px; position:relative; margin:10px auto 10px auto; } .content .function_show_new>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show_new>ol>li:first-child{ display:block; } .content .function_show_new>ol>li>img{ width:353px; height:140px; margin-bottom:169px; margin-top:30px; } .content .function_show_new>ul{ position:absolute; bottom:0px; width:100%; left:0%; text-align:center; margin:14px auto; } .content .function_show_new>ul>li{ width:80px; height:78px; margin:4px 4px; cursor:pointer; display:inline-block; padding-bottom:10px; border:1px solid #00b4aa; border-radius:10px; } .content .function_show_ul>li.current{ background:#00b4aa; } .content .function_show_ul>li>h4{ font-size:18px; font-weight:bold; color:#00b4aa; margin-top:14px; } .content .function_show_ul>li>p{ font-size:12px; color:#00b4aa; } .content .function_show_ul>li.current>h4,.content .function_show_ul>li.current>p{ color:#ffffff; } .pro_zhuanti .content { padding: 0px 18px; } .pro_zhuanti_right iframe { width:350px; } #w1{ padding:0px 18px; } #w1 ul li{ width:120px; height:140px; margin:0px auto 10px; float:left; padding:0 10px; } } /*针对iphone6s plus*/ @media (min-width: 410px) { .osc_banner_s,.osc_banner1_s{ width:100%; height:374px; } .row1 .col-lg-6 dl { width:370px; height:auto; float:left; margin-bottom:15px; } .row1 .col-lg-6 dl dt{ width:370px; } .row1 .col-lg-6 dl dd{ width:370px; } .row2 .col-lg-6 { min-height:1px; float:left; padding-bottom:35px; } .row2 .col-lg-6:first-child{ padding-bottom:20px; } .row2 .col-lg-6 h2{ font-size:24px; margin:46px 0 20px 0; } .row2 .col-lg-6 h3{ margin:0px 0 7px 0; } .row2 .col-lg-6 h3 a{ line-height:26px; } .row2 .col-lg-6 p{ font-size:14px; line-height:22px; color:#666; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:120px; float:left; margin-bottom:10px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:65%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:30%; height:auto; float:left; margin-right:16px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:4px 0px 0px 0px; float:left; } .row2 .col-video{ width:374px; height:247px; } .row2 .col-video img { width:100%; height:auto; } .content .pro_lunbo{ width:378px; height:427px; position:relative; margin:20px auto; } .content .pro_lbat1{ height:400px; } .content .pro_lbat2{ height:280px; } .content .pro_empty{ height:378px; } .content .pro_lbcq{ height:520px; } .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 0px 0px; } .content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:22px; line-height:28px; margin:0px 0px 10px 0px; } .content .pro_lunbo>ol>li>h4{ text-align:center; color:#666; font-size:16px; line-height:28px; margin:0px 0px 10px 0px; } .content .pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; } .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; } .pro_zhuanti_right iframe { width:360px; height: 320px; } .pro_zhuanti .content { padding: 0px 18px; } } @media (min-width: 414px) { .osc_banner_s,.osc_banner1_s{ width:100%; height:378px; } .pro_zhuanti_right iframe { width:364px; height: 320px; } } @media (min-width: 450px) { .pro_zhuanti_right iframe { width:400px; height: 320px; } } @media (min-width: 480px) { .pro_zhuanti .content { padding: 0px 18px; } .osc_banner_s,.osc_banner1_s{ width:100%; height:438px; } #w1 ul li{ width:110px; height:140px; margin:0px auto 10px; float:left; padding:0 12px; } } @media (min-width: 500px) { .osc_banner_s,.osc_banner1_s{ width:100%; height:457px; } .ct_tit{ font-size:26px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto !important; } .ct_tit2{ font-size:26px; line-height:40px; color:#8fc41e; text-align:center; margin:50px auto 10px auto !important; } .ct_tit3{ font-size:26px; line-height:40px; color:#333; text-align:center; margin:5px auto 20px auto !important; } .ct_tit4{ font-size:22px; line-height:38px; color:#333; font-weight:bold; text-align:center; margin:-10px auto 10px auto !important; } .ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px !important; } .ct_st_1{ width:280px; font-size:26px; line-height:40px; font-weight:bold; color:#ffffff; background:#00b4aa; border-radius:12px; text-align:center; margin:50px auto 7px auto !important; } .ct_tit_new{ font-size:26px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto !important; } .ct_p_new{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px !important; } .row1 .col-lg-6 dl { width:460px; height:auto; float:left; margin-bottom:15px; } .row1 .col-lg-6 dl dt{ width:460px; } .row1 .col-lg-6 dl dd{ width:460px; } .row2 .col-lg-6 { min-height:1px; float:left; padding-bottom:35px; } .row2 .col-lg-6:first-child{ padding-bottom:20px; } .row2 .col-lg-6 h2{ font-size:24px; margin:46px 0 20px 0; } .row2 .col-lg-6 h3{ margin:0px 0 7px 0; } .row2 .col-lg-6 h3 a{ line-height:26px; } .row2 .col-lg-6 p{ font-size:14px; line-height:22px; color:#666; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:120px; float:left; margin-bottom:10px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:74%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:22%; height:auto; float:left; margin-right:16px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:4px 0px 0px 0px; float:left; } .row2 .col-video{ width:460px; height:304px; } .row2 .col-video img { width:100%; height:auto; } .pro_h3 { font-size:24px; margin:50px 0px 13px 0px; } .pro_tab { margin: 10px auto; } .content .pro_lunbo{ width:460px; height:482px; position:relative; margin:20px auto; } .content .pro_lbat1{ height:470px; } .content .pro_lbat2{ height:350px; } .content .pro_empty{ height:427px; } .content .pro_lbcq{ height:582px; } .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 0px 0px; } .content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:24px; line-height:30px; margin:0px 0px 10px 0px; } .content .pro_lunbo>ol>li>h4{ text-align:center; color:#666; font-size:18px; line-height:30px; margin:0px 0px 10px 0px; } .pro_lunbo .ul01 div span{ font-size:24px; } .content .pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; } .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; } .content .function_show{ width:446px; height:566px; position:relative; margin:10px auto 40px auto; } .content .function_show>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show>ol>li:first-child{ display:block; } .content .function_show>ol>li>img{ width:435px; height:232px; margin-bottom:179px; } .content .function_show>ol>li>p{ font-size:14px; color:#555; text-indent:2em; line-height:24px; margin:0 5px; } .content .function_show>ul{ position:absolute; bottom:147px; width:100%; left:0%; text-align:center; margin:14px auto;} .content .function_show>ul>li{ width:63px; height:70px; margin:4px 4px; cursor:pointer; display:inline-block; padding-bottom:10px; } .content .function_show>ul>li:last-child{ width:79px; } .content .function_show>ul>li>img{ width:63px; height:60px; } .content .function_show>ul>li:last-child>img{ width:79px; height:60px; } .content .function_show>ul>li.current{ border-bottom: 2px solid #3C91CD; } .content .function_show_new{ width:446px; height:420px; position:relative; margin:10px auto 10px auto; } .content .function_show_new>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show_new>ol>li:first-child{ display:block; } .content .function_show_new>ol>li>img{ width:435px; height:173px; margin-bottom:169px; margin-top:30px; } .content_n .function_show1{ width:460px; height:470px; margin:10px auto 40px auto; } .content_n .function_show1>ol>li>img{ width:450px; height:278px; } .k_tab{ padding:0 25px;} .pro_zhuanti_right iframe { width:450px; height: 320px} .pro_zhuanti .content {padding: 0px 18px;} #w1 ul li{ width:116px; height:150px; margin:0px auto 10px; float:left; padding:0 12px; } } @media (min-width: 600px) { .osc_banner_s,.osc_banner1_s{ width:100%; height:548px; } .ct_tit{ font-size:28px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto !important; } .ct_tit2{ font-size:28px; line-height:40px; color:#8fc41e; text-align:center; margin:50px auto 16px auto !important; } .ct_tit3{ font-size:28px; line-height:40px; color:#333; text-align:center; margin:12px auto 20px auto !important; } .ct_tit4{ font-size:24px; line-height:38px; color:#333; font-weight:bold; text-align:center; margin:-8px auto 12px auto !important; } .ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px !important; } .yang_card_pro_list_new{ width:100%; margin:30px auto; padding:0px 20px; } .ct_st_1{ width:290px; font-size:28px; line-height:40px; font-weight:bold; color:#ffffff; background:#00b4aa; border-radius:12px; text-align:center; margin:50px auto 7px auto !important; } .ct_tit_new{ font-size:28px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto !important; } .ct_p_new{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px !important; } .k_tab{ padding:0 0; } .fhlc{ width:550px; margin-left:auto; margin-right:auto; } .row1 .col-lg-6 dl { width:560px; height:auto; float:left; margin-bottom:15px; } .row1 .col-lg-6 dl dt{ width:560px; } .row1 .col-lg-6 dl dd{ width:560px; } .row2 .col-lg-6 h2{ font-size:24px; margin:46px 0 20px 0; } .row2 .col-lg-6 h3{ margin:0px 0 12px 0; } .row2 .col-lg-6 p{ line-height:25px; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:140px; float:left; margin-bottom:10px; overflow:hidden; } .row2 .col-video{ width:560px; height:370px; } .content{ padding:25px 0px 20px 0px; margin:0px 0px; } .content .pro_lunbo{ width:550px; height:500px; position:relative; margin:20px auto; } .content .pro_lbat1{ height:460px; } .content .pro_lbat2{ height:390px; } .content .pro_empty{ height:499px; } .content .pro_lbcq{ height:633px; } .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 0px 0px; } .content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:26px; line-height:32px; margin:0px 0px 10px 0px; } .content .pro_lunbo>ol>li>h4{ text-align:center; color:#666; font-size:18px; line-height:32px; margin:0px 0px 10px 0px; } .content .pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; } .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; } .content .function_show{ width:545px; height:529px; position:relative; margin:10px auto 40px auto; } .content .function_show>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show>ol>li:first-child{ display:block; } .content .function_show>ol>li>img{ width:532px; height:284px; margin-bottom:112px; } .content .function_show>ol>li>p{ font-size:14px; color:#555; text-indent:2em; line-height:24px; margin:0 5px; } .content .function_show>ul{ position:absolute; bottom:122px; width:100%; left:0%; text-align:center;} .content .function_show>ul>li{ width:63px; height:70px; margin:18px 4px; cursor:pointer; display:inline-block; padding-bottom:10px; } .content .function_show>ul>li:last-child{ width:79px; } .content .function_show>ul>li>img{ width:63px; height:60px; } .content .function_show>ul>li:last-child>img{ width:79px; height:60px; } .content .function_show>ul>li.current{ border-bottom: 2px solid #3C91CD; } .content_n .function_show1{ width:540px; height:470px; margin:10px auto 40px auto; } .content_n .function_show1>ol>li>img{ width:530px; height:328px; } .content .function_show_new{ width:545px; height:470px; position:relative; margin:10px auto 10px auto; } .content .function_show_new>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show_new>ol>li:first-child{ display:block; } .content .function_show_new>ol>li>img{ width:532px; height:212px; margin-bottom:169px; margin-top:30px; } .pro_zhuanti .content{ width: 100%; height: auto; overflow: hidden; padding: 0px 20px; } .pro_zhuanti_right iframe { width:660px; height: 320px; } .pro_zhuanti_right ol li dl{margin-bottom:20px; } .pro_zhuanti_right ol li dl dt { width: 100%; height: auto; float: left; margin: 10px auto; overflow: hidden; } .pro_zhuanti_right ol li dl dd { color: #999; line-height: 22px; float: left; padding: 5px 0; width: 100%; } #w1{ padding:0px 20px; } #w1 h1{ font-size:28px; line-height:40px; color:#333; text-align:center; margin:60px auto 7px auto !important; } #w1 ul li{ width:140px; height:140px; margin:0px auto 10px; float:left; padding:0 4px; } #w2 h2{ font-size:28px; line-height:24px; color:#333; text-align:center; margin:10px auto 0px; } } @media (min-width: 700px) { .osc_banner_s,.osc_banner1_s{ width:100%; height:639px; } .ct_tit{ font-size:32px; line-height:48px; color:#333; text-align:center; margin:50px auto 20px auto !important; } .ct_tit2{ font-size:32px; line-height:48px; color:#8fc41e; text-align:center; margin:50px auto 8px auto !important; } .ct_tit3{ font-size:32px; line-height:48px; color:#333; text-align:center; margin:10px auto 22px auto !important; } .ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:30px !important; } .ct_st_1{ width:340px; font-size:32px; line-height:48px; font-weight:bold; color:#ffffff; background:#00b4aa; border-radius:12px; text-align:center; margin:50px auto 7px auto !important; } .ct_tit_new{ font-size:32px; line-height:48px; color:#333; text-align:center; margin:50px auto 20px auto !important; } .ct_p_new{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:30px !important; } .fhlc{ width:650px; } .row1 .col-lg-6 dl { width:660px; height:auto; float:left; margin-bottom:15px; } .row1 .col-lg-6 dl dt{ width:660px; } .row1 .col-lg-6 dl dd{ width:660px; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:160px; float:left; margin-bottom:10px; overflow:hidden; } .row2 .col-video{ width:662px; height:438px; } .content{ padding:25px 0px 30px 0px; margin:0px 0px; } .content .pro_lunbo{ width:660px; height:630px; position:relative; margin:20px auto; } .content .pro_empty{ height:607px; } .content .pro_lbat1{ height:600px; } .content .pro_lbat2{ height:500px; } .content .pro_lbcq{ height:741px; } .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 0px 0px; } .content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:26px; line-height:36px; margin:5px 0px 10px 0px; } .content .pro_lunbo>ol>li>h4{ text-align:center; color:#666; font-size:18px; line-height:36px; margin:5px 0px 10px 0px; } .pro_lunbo .ul01 div span{ font-size:30px; } .pro_lunbo .ul01 div em{ font-size:16px; } .content .pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; } .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; } .content .function_show{ width:645px; height:581px; position:relative; margin:10px auto 40px auto; } .content .function_show>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show>ol>li:first-child{ display:block; } .content .function_show>ol>li>img{ width:635px; height:339px; margin-bottom:114px; } .content .function_show>ol>li>p{ font-size:14px; color:#555; text-indent:2em; line-height:24px; margin:0 5px; } .content .function_show>ul{ position:absolute; bottom:131px; width:100%; left:0%; text-align:center; margin:0px auto; } .content .function_show>ul>li{ width:65px; height:72px; margin:18px 8px; cursor:pointer; display:inline-block; padding-bottom:10px; } .content .function_show>ul>li:last-child{ width:82px; } .content .function_show>ul>li>img{ width:65px; height:62px; } .content .function_show>ul>li:last-child>img{ width:82px; height:62px; } .content .function_show>ul>li.current{ border-bottom: 2px solid #3C91CD; } .content_n .function_show1{ width:670px; height:520px; margin:10px auto 40px auto; } .content_n .function_show1>ol>li>img{ width:650px; height:402px; } .content .function_show_new{ width:645px; height:470px; position:relative; margin:10px auto 10px auto; } .content .function_show_new>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show_new>ol>li:first-child{ display:block; } .content .function_show_new>ol>li>img{ width:635px; height:253px; margin-bottom:169px; margin-top:30px; } .pro_zhuanti .content>ul>li { float: left; width: 45%; height: auto; overflow: hidden; margin: 10px 0px; } .pro_zhuanti .content>ul>li:nth-of-type(2),.pro_zhuanti .content>ul>li:nth-of-type(4){ float: right; } .pro_zhuanti .content>ul>li>dl{ width: 100%; height: 180px; overflow: hidden; } .pro_zhuanti_right ol li dl { margin-bottom: 20px; } #w1{ padding:0px 26px; } #w1 h1{ font-size:32px; line-height:50px; color:#333; text-align:center; margin:66px auto 7px auto !important; } #w1 ul li{ width:129px; height:130px; margin:0px auto 10px; float:left; padding:0 6px; } #w2 h2{ font-size:32px; line-height:48px; color:#333; text-align:center; margin:20px auto 0px; } } @media (min-width: 767px) { .osc_banner_s,.osc_banner1_s{ width:100%; height:700px; } .ct_tit{ font-size:48px; line-height:80px; color:#333; text-align:center; margin:41px auto 7px auto !important; } .ct_tit2{ font-size:48px; line-height:60px; color:#8fc41e; text-align:center; margin:56px auto 7px auto !important; } .ct_tit3{ font-size:48px; line-height:80px; color:#333; text-align:center; margin:6px auto 7px auto !important; } .ct_tit4{ font-size:32px; line-height:60px; color:#333; font-weight:bold; text-align:center; margin:-10px auto 12px auto !important; } .ct_p{ font-size:16px; color:#333333; line-height:32px; font-weight:normal; text-align:center; margin:0 70px 30px 70px !important; } .ct_st_1{ width:500px; font-size:48px; line-height:80px; font-weight:bold; color:#ffffff; background:#00b4aa; border-radius:12px; text-align:center; margin:90px auto 7px auto !important; } .ct_tit_new{ font-size:48px; line-height:80px; font-weight:bold; color:#000000; text-align:center; margin:90px auto 30px auto !important; } .ct_tit6{ font-size:26px; line-height:44px; color:#000000; font-weight:bold; text-align:center; margin:-22px auto 12px auto !important; } .ct_p_new{ font-size:16px; color:#000000; line-height:32px; font-weight:normal; text-align:center; margin:0 20px 30px !important; } #ZDS5054Pro_btn{ width:100%; height:236px; margin:110px auto 0px; display:none; } #ZDS5054Pro_btn li{ width:25%; height:236px; float:left; color:#000000; } #ZDS5054Pro_btn li>a>div{ width:116px; height:236px; text-align:center; margin:0 auto; } #ZDS5054Pro_btn h3{ margin-top:20px;} .btn_t1{ border-bottom:4px solid #8fc41e; } .fhlc{ width:715px; font-size:24px; } .row1 .col-lg-6 dl { width:727px; height:auto; float:left; margin-bottom:15px; } .row1 .col-lg-6 dl dt{ width:727px; } .row1 .col-lg-6 dl dd{ width:727px; } .row2 .col-video{ width:730px; height:483px; } .content{ padding:25px 0px 50px 0px; margin:0px 0px; } table{ font-size:13px; } table tr th{ font-size:13px; } .content .pro_lunbo{ width:725px; height:770px; position:relative; margin:40px auto 20px auto; } .content .pro_empty{ height:665px; } .content .pro_lbat1{ height:720px; } .content .pro_lbat2{ height:565px; } .content .pro_lbcq{ height:815px; } .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:48px; line-height:62px; padding-top:5px; margin:10px 0px; } .content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:28px; line-height:36px; margin:5px 0px 10px 0px; } .content .pro_lunbo>ol>li>h4{ text-align:center; color:#666; font-size:20px; line-height:36px; margin:5px 0px 10px 0px; } .pro_lunbo .ul01{ text-align:center; color:#228fd3; margin-top:32px; } .pro_lunbo .ul01 div{ display:inline-block; *zoom:1; *display:inline; font-size:16px; padding:0 25px; border-right:1px solid #228fd3; line-height:20px; *line-height:25px; } .pro_lunbo .ul01 div span{ font-size:32px; } .pro_lunbo .ul01 div em{ font-size:18px; } .content .pro_lunbo>ol>li>p{ font-size:14px; 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: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; } .pro_download{ height:auto; margin:5px auto 0 auto; font-size:14px; overflow:auto; } .pro_download_class{ width:100%; height:auto; border-bottom: 1px dashed #cbcbcb; float:left; padding: 10px 0px; margin-bottom:8px; } .pro_download_class_l{ width:13%; height:auto; float:left; font-weight:bold; font-size:15px; margin:5px 0px 0px 0px; } .pro_download_class_r{ width:82%; height:auto; float:left; } .pro_download_class_r ul{ width:100%; } .pro_download_class_r ul li{ width:100%; height:auto; line-height:34px; } .pro_download_class_r span { color: #a39da1; margin: 0px 0px 0px 24px; } .pro_download .down-ico-pdf{ background:url(../images/pdf.png) no-repeat 0px 9px; padding-left:20px; } .pro_download .down-ico-zip{ background:url(../images/zip.png) no-repeat 0px 9px; padding-left:20px; } .pro_download_class_l span{ width:16px; height:16px; background:#003; display: inline-block; margin:0px 0px 0px 10px; } .pro_download_class_l .down{ background:url(../images/down.jpg)no-repeat 0px 3px; cursor:pointer; } .pro_download_class_l .up{ background:url(../images/up.jpg)no-repeat 0px 3px; cursor:pointer; } .yang_card_pro{ width:100%; margin:0px; padding:0px; overflow:auto; } .yang_card_pro_list{ width:100%; max-width:1200px; margin:0px auto; padding:0px; } .yang_card_pro_list_new{ width:100%; max-width:1760px; margin:0px auto; padding:0px; } .pro_b_g{ border-bottom:#f0f0f0 1px solid; background:url(../images/tmi-osc/main_bg.png) bottom center no-repeat #fff; padding-bottom:0px; } .pro_b_b{ border-bottom:#f0f0f0 1px solid; background:url(../images/tmi-osc/main_bg.png) bottom center no-repeat #fff; padding-bottom:0px; margin:27px 0px 25px 0px; } .yang_card_h3{ font-size:48px; color:#333; text-align:center; line-height:58px; padding-bottom:13px; padding-top:17px; } .yang_card_history_h3{ font-size:48px; color:#000000; font-weight:bold; text-align:center; line-height:58px; padding-bottom:40px; padding-top:90px; } .yang_card_p{ width:100%; margin:0px; padding:0 70px; font-size:16px; color:#555; line-height:28px; text-align:center; } .yang_card_img{ width:100%; height:auto; float:left; margin-top:25px; padding-bottom:80px; } .yang_card_imgb{ width:100%; height:auto; float:left; margin-top:25px; padding-bottom:0px; } .yang_card_img2{ width:50%; height:auto; float:left; margin-top:25px; padding-bottom:80px; } .yang_card_img2b{ width:50%; height:auto; float:left; margin-top:8px; padding-bottom:15px; } .yang_card_history{ width:100%; max-width:1200px; height:auto; border-top:#ccc 1px solid; margin:30px 0px 30px 0px; width:100%; overflow:auto; } .yang_card_history ul{ width:100%; height:auto; float:left; } .yang_card_history li{ width:100%; height:auto; float:left; } .yang_card_year{ width:17%; height:170px; float:left; font-size:36px; margin-right:3%; border-bottom:#cccccc 1px solid; padding-top:78px; padding-left:40px; } .yang_card_no{ width:50%; height:170px; float:left; border-bottom:#cccccc 1px solid; padding-top:74px; } .yang_card_no2{ width:50%; height:170px; float:left; border-bottom:#cccccc 1px solid; padding-top:50px; } .yang_card_photo{ width:30%; height:170px; float:left; padding:20px 20px 0px 20px; border-bottom:#cccccc 1px solid; } .yang_card_no .tit,.yang_card_no2 .tit { width:100%; padding-left:20px; background:url(../images/tmi-osc/square.jpg) no-repeat left 5px; display:inline-block; color:#666; } .yang_card_history_new{ width:100%; height:auto; border-top:#bcbcbc 1px solid; margin:30px 0px 130px 0px; width:100%; overflow:auto; } .yang_card_history_new ul{ width:100%; height:auto; float:left; } .yang_card_history_new li{ width:100%; height:auto; float:left; } .yang_card_history_new .yang_card_year{ width:24%; height:190px; float:left; font-size:60px; margin-right:5%; border-bottom:#bcbcbc 1px solid; padding-top:78px; padding-left:0px; text-align:center; color:#0e050a; } .yang_card_history_new .yang_card_no{ width:54%; height:190px; float:left; border-bottom:#bcbcbc 1px solid; padding-top:60px; } .yang_card_history_new .yang_card_no2{ width:54%; height:190px; float:left; border-bottom:#bcbcbc 1px solid; padding-top:40px; } .yang_card_history_new .yang_card_photo{ width:17%; height:190px; float:left; padding:20px 20px 0px 20px; border-bottom:#bcbcbc 1px solid; } .yang_card_history_new .yang_card_no .tit,.yang_card_history_new .yang_card_no2 .tit{ width:100%; padding-left:40px; background:url(../images/tmi-osc/square.png) no-repeat left 5px; display:inline-block; font-size:16px; line-height:32px; color:#0e050a; } .yang_card_no em,.yang_card_no2 em { font-size:18px; padding-right:15px; } .yang-table-h3{ font-size:22px; color:#000; text-align:center; line-height:42px; padding-bottom:2px; padding-top:10px; } .content .function_show{ width:710px; height:625px; position:relative; margin:10px auto 40px auto; } .content .function_show>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show>ol>li:first-child{ display:block; } .content .function_show>ol>li>img{ width:700px; height:373px; margin-bottom:126px; } .content .function_show>ol>li>p{ font-size:16px; color:#555; text-indent:2em; line-height:24px; margin:0 5px; } .content .function_show>ul{ position:absolute; bottom:129px; width:100%; left:0%; text-align:center; } .content .function_show>ul>li{ width:78px; height:84px; margin:18px 8px; cursor:pointer; display:inline-block; padding-bottom:10px; } .content .function_show>ul>li>img{ width:78px; height:74px; } .content .function_show>ul>li:last-child>img{ width: 98px; height:74px; } .content .function_show>ul>li:last-child{ width:98px; } .content .function_show>ul>li.current{ border-bottom: 2px solid #3C91CD; } .content_n .function_show1{ width:720px; height:540px; margin:10px auto 40px auto; } .content_n .function_show1>ol>li>img{ width:700px; height:433px; } .content .function_show_new{ width:710px; height:470px; position:relative; margin:10px auto 10px auto; } .content .function_show_new>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show_new>ol>li:first-child{ display:block; } .content .function_show_new>ol>li>img{ width:700px; height:278px; margin-bottom:169px; margin-top:30px; } .pro_zhuanti .content>ul>li>dl { width: 100%; height: 170px; overflow: hidden; } .pro_zhuanti_right ol li dl { margin: 20px 0; } .pro_zhuanti_right ol li dl dd p{ height: 130px; line-height:26px; } .pro_zhuanti .content { padding: 0px 18px; } #w1{ padding:0px 50px; } #w1 ul{ margin-top:28px; } #w1 ul li{ width:133px; height:170px; margin:0px auto 10px; float:left; padding:0 6px; } #w1 p{ font-size:16px; line-height:28px;} #w1 h2{ font-size:20px; line-height:30px; } #w1 h3{ font-size:16px; line-height:28px; } #w2 h2{ font-size:20px; line-height:48px; color:#333; text-align:center; margin:20px auto 0px; } } @media (min-width: 768px) { .osc_banner{ width:100%; height:426px; background:url(../images/tmi-osc/banner.jpg) center center / 1920px 426px no-repeat; } .osc_banner1{ width:100%; height:426px; background:url(../images/tmi-osc/banner1.jpg) center center / 1920px 426px no-repeat; } #w1{ width:100%; height:auto; margin:20px auto; padding:0px; } #w1 h1{ font-size:36px; line-height:50px; color:#333; text-align:center; margin:70px auto 7px auto !important; } #w1 h2{ font-size:20px; line-height:28px; color:#392f2c; text-align:center; margin-top:20px; margin-bottom:10px; } #w1 h3{ font-size:16px; line-height:26px; color:#655d5b; margin-top:10px; text-align:center; } #w1 p{ width:96%; font-size:15px; line-height:26px; color:#303233; text-align:center; margin-left:auto; margin-right:auto; } #w1 ul{ width:768px; height:auto; margin-top:48px; margin-left:auto; margin-right:auto; } #w1 ul li{ width:110px; height:180px; float:left; margin-left:20px; margin-right:20px; padding:0px 6px; } #w2{ width:100%; max-width:1200px; height:auto; margin:20px auto; overflow:hidden; } #w2 h2{ font-size:36px; line-height:28px; text-align:center; margin:10px auto 30px; } .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; } .pro_intro .con_h4 { font-size: 16px; color: #ffffff; line-height: 28px; font-weight: normal; text-align: center; margin: 36px 70px 10px 70px; } .ct_black{ color:#000000 !important; } .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: 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: 213px; display: block; overflow: hidden;} #btn_prev { background-position: 0 -2px; left: 1%; } #btn_next { background-position: 0 -53px; right: 1%; } } @media (min-width: 770px) { .yang_card_box{ padding-top:32px; } .row .col-lg-6,.row1 .col-lg-6,.row2 .col-lg-6 { width:50%; } .row .col-lg-6 { min-height:1px; float:left; padding:0px 15px 25px 15px; } .row .col-lg-6:first-child { padding:0px 15px 25px 15px; } .row .col-lg-6 h2{ font-size:16px; border-bottom:1px solid #ccc; background:url(../images/pq_t1_bg.jpg) no-repeat 0px 2px; padding:5px 0px 22px 8px; } .row .sf{ padding:0px 15px 25px 15px; } .fhlc{ width:715px; margin:0 auto; } .row .col-lg-6 img{ margin-top:10px; } .row1 .col-lg-6 { min-height:1px; float:left; padding:125px 50px 42px 50px; } .row1 .col-lg-6:first-child { padding:0px 0px 42px 35px; } .row1 .col-lg-6 h2{ font-size:24px; margin-bottom:20px; color:#575757; } .row1 .col-lg-6 dl { width:343px; height:auto; float:left; margin-bottom:0px; } .row1 .col-lg-6 dl dt{ width:343px; height:auto; float:left; color:#007ecc; font-size:13px; font-weight:bold; line-height:26px; } .row1 .col-lg-6 dl dd{ width:343px; height:auto; float:left; color:#463f46; font-size:13px; line-height:26px; } .row2 .col-lg-6 { min-height:1px; float:left; padding:0px 35px 35px 35px; } .row2 .col-lg-6 h2{ font-size:24px; margin:30px 0 20px 0; } .row2 .col-lg-6 h3{ margin:5px 0; } .row2>div{ padding-right:35px; } .row2>div:first-child{ padding-right:10px; } .row2 .col-lg-6>div{ margin-top:40px; border-top:0px solid #f6f6f6; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:0px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:95px; float:left; margin-bottom:27px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:68%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:88px; height:auto; float:left; margin-right:15px; } .row2 .col-lg-6:first-child>ul>li>div>p{ color:#b3b3b3; margin:0px; } .row2 .col-lg-6:first-child>ul>li>div>p>a{ font-size:12px; color:#b3b3b3; } .row2 .col-lg-6:first-child>ul>li>div>p>a:hover{ font-size:12px; color:#b3b3b3; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; } .row2 .col-video{ width:270px; height:180px; } .row2 .col-video img { width:100%; height:auto; } .content{ padding:25px 0px 50px 0px; margin:0px 0px; } .content .pro_lunbo{ width:748px; height:715px; position:relative; margin:40px auto 20px auto; } .content .pro_empty{ height:671px; } .content .pro_lbat1{ height:715px; } .content .pro_lbat2{ height:570px; } .content .pro_lbcq{ height:767px; } table{ font-size:13px; } table tr th{ font-size:13px; } .pro_h3 { font-size: 18px; margin:20px 0px 0px 0px; } } @media (min-width: 785px) { .lunbo>ol{ width:176px; margin-left:-20px; } .row .col-lg-6 h2{ font-size:14px } .row .col-lg-6 { min-height:1px; float:left; padding:0px 25px 40px 20px; } .row .col-lg-6:first-child { padding:0px 20px 40px 25px; } .row .sf{ padding:0px 20px 40px 25px; } .fhlc{ width:726px; margin:0 auto; } .row1 .col-lg-6 { min-height:1px; float:left; padding:125px 50px 46px 50px; } .row1 .col-lg-6:first-child { padding:0px 0px 46px 35px; } .row1 .col-lg-6 h2{ font-size:24px; margin-bottom:20px; color:#575757; } .row1 .col-lg-6 dl { width:352px; height:auto; float:left; margin-bottom:0px; } .row1 .col-lg-6 dl dt{ width:352px; height:auto; float:left; color:#007ecc; font-size:13px; font-weight:bold; line-height:26px; } .row1 .col-lg-6 dl dd{ width:352px; height:auto; float:left; color:#463f46; font-size:13px; line-height:26px; } .row2 .col-lg-6 { min-height:1px; float:left; padding:0px 35px 35px 35px; } .row2 .col-lg-6 h2{ font-size:24px; margin:30px 0 20px 0; } .row2 .col-lg-6 h3{ margin:5px 0; } .row2>div{ padding-right:35px; } .row2>div:first-child{ padding-right:10px;} .row2 .col-lg-6>div{ margin-top:40px; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:0px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:110px; float:left; margin-bottom:27px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:68%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:88px; height:auto; float:left; margin-right:15px; } .content{ padding:25px 0px 50px 0px; margin:0px 0px; } table{ font-size:14px; } table tr th{ font-size:14px; } .pro_h3 { margin:20px 0px 0px 0px; } .pro_tab { margin: 10px 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:730px; height:387px; margin-top:60px; } .content .pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; } .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; } } @media (min-width: 800px) { .content .pro_lunbo{ width:100%; height:720px; position:relative; margin:40px auto; } .content .pro_lbat1{ height:674px; } .content .pro_lbat2{ height:573px; } .content .pro_empty{ height:674px; } .content .pro_lbcq{ height:772px; } .content .pro_lunbo>ol>li{ width:100%; position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li>img{ width:754px; height:396px; margin-left:auto; margin-right:auto; display:block; } .content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:48px; padding-top:5px;} .content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:28px; line-height:36px; } .content .pro_lunbo>ol>li>p{ font-size:28px; color:#666; text-align:center; line-height:36px; } .content .pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li{ width:80px; height:60px; margin:18px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img{ width:75px; height:55px; border-radius:8px; padding:0px 10px; } .content .pro_lunbo ul li.current{ border:2px solid #01b2a9; } .content .function_show{ width:740px; height:643px; position:relative; margin:10px auto 40px auto; } .content .function_show>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show>ol>li:first-child{ display:block; } .content .function_show>ol>li>img{ width:730px; height:389px; margin-bottom:126px; } .content .function_show>ol>li>p{ font-size:16px; color:#555; text-indent:2em; line-height:24px; margin:0 5px; } .content .function_show>ul{ position:absolute; bottom:131px; width:100%; left:0%; text-align:center; } .content .function_show>ul>li{ width:78px; height:84px; margin:18px 8px; cursor:pointer; display:inline-block; padding-bottom:10px; } .content .function_show>ul>li:last-child{ width:98px; } .content .function_show>ul>li.current{ border-bottom: 2px solid #3C91CD; } .content .function_show_new{ width:740px; height:470px; position:relative; margin:10px auto 10px auto; } .content .function_show_new>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show_new>ol>li:first-child{ display:block; } .content .function_show_new>ol>li>img{ width:730px; height:290px; margin-bottom:169px; margin-top:30px; } .pro_lunbo .ul01{ text-align:center; color:#228fd3; margin-top:32px; } .pro_lunbo .ul01 div{ display:inline-block; *zoom:1; *display:inline; font-size:16px; padding:0 25px; border-right:1px solid #228fd3; line-height:20px; *line-height:25px; } .pro_lunbo .ul01 div span{ font-size:32px; } .pro_lunbo .ul01 div em{ font-size:18px; } } @media (min-width: 880px) { .yang_card_box{ padding-top:40px; } .row .col-lg-6 h2{ font-size:17px; } .row .col-lg-6 { min-height:1px; float:left; padding:0px 25px 40px 30px; } .row .col-lg-6:first-child { padding:0px 30px 40px 25px; } .row .sf{ padding:0px 30px 40px 25px; } .fhlc{ width:820px; margin:0 auto; } .row1 .col-lg-6 { min-height:1px; float:left; padding:125px 50px 46px 75px; } .row1 .col-lg-6:first-child { padding:0px 0px 46px 35px; } .row1 .col-lg-6 h2{ font-size:24px; margin-bottom:20px; color:#575757; } .row1 .col-lg-6 dl { width:399px; height:auto; float:left; margin-bottom:0px; } .row1 .col-lg-6 dl dt{ width:399px; height:auto; float:left; color:#007ecc; font-size:13px; font-weight:bold; line-height:26px; } .row1 .col-lg-6 dl dd{ width:399px; height:auto; float:left; color:#463f46; font-size:13px; line-height:26px; } .row2 .col-lg-6 { min-height:1px; float:left; padding:0px 35px 35px 35px; } .row2 .col-lg-6 h2{ font-size:24px; margin:30px 0 20px 0; } .row2 .col-lg-6 h3{ margin:5px 0; } .row2 .col-lg-6>div{ margin-top:40px; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:0px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:110px; float:left; margin-bottom:27px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:71%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:88px; height:auto; float:left; margin-right:15px; } .content .function_show{ width:820px; height:667px; position:relative; margin:10px auto 40px auto; } .content .function_show>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show>ol>li:first-child{ display:block; } .content .function_show>ol>li>img{ width:810px; height:432px; margin-bottom:126px; } .content .function_show>ol>li>p{ font-size:16px; color:#555; text-indent:2em; line-height:24px; margin:0 5px; } .content .function_show>ul{ position:absolute; bottom:112px; width:100%; left:0%; text-align:center; } .content .function_show>ul>li{ width:78px; height:84px; margin:18px 8px; cursor:pointer; display:inline-block; padding-bottom:10px; } .content .function_show>ul>li:last-child{ width:98px; } .content .function_show>ul>li.current{ border-bottom: 2px solid #3C91CD; } .content_n .function_show1{ width:850px; height:650px; margin:10px auto 40px auto; } .content_n .function_show1>ol>li{ width:100%; display:none; text-align:center; } .content_n .function_show1>ol>li:first-child{ display:block; } .content_n .function_show1>ol>li>img{ width:760px; height:470px; margin:0px auto; } .content_n .function_show1>ul{ width:100%; text-align:center; } .content_n .function_show1>ul>li{ width:100px; height:100px; margin:18px 4px; cursor:pointer; display:inline-block; padding-bottom:10px; } .content_n .function_show1>ul>li:last-child{ width:98px; } .content_n .function_show1>ul>li.current{ color:#8fc41e; } .content_n .function_show1>ul>li>h3{ font-size:16px;} #FS_ico1{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_01.jpg) no-repeat; } #FS_ico2{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_02.jpg) no-repeat; } #FS_ico3{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_03.jpg) no-repeat; } #FS_ico4{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_04.jpg) no-repeat; } #FS_ico5{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_05.jpg) no-repeat; } #FS_ico6{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_06.jpg) no-repeat; } #FS_ico7{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_07.jpg) no-repeat; } .content_n .function_show1>ul>li.current #FS_ico1{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_08.jpg) no-repeat; } .content_n .function_show1>ul>li.current #FS_ico2{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_09.jpg) no-repeat; } .content_n .function_show1>ul>li.current #FS_ico3{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_10.jpg) no-repeat; } .content_n .function_show1>ul>li.current #FS_ico4{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_11.jpg) no-repeat; } .content_n .function_show1>ul>li.current #FS_ico5{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_12.jpg) no-repeat; } .content_n .function_show1>ul>li.current #FS_ico6{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_13.jpg) no-repeat; } .content_n .function_show1>ul>li.current #FS_ico7{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_14.jpg) no-repeat; } } @media (min-width: 980px) { .yang_card_box{ padding-top:40px; } .row .col-lg-6 { min-height:1px; float:left; padding:0px 30px 40px 40px; } .row .col-lg-6:first-child { padding:0px 40px 40px 30px; } .row .sf{ padding:0px 40px 40px 30px; } .fhlc{ width:923px; margin:0 auto; } .row1 .col-lg-6 { min-height:1px; float:left; padding:125px 50px 50px 95px; } .row1 .col-lg-6:first-child { padding:0px 0px 50px 35px; } .row1 .col-lg-6 h2{ font-size:24px; margin-bottom:20px; color:#575757; } .row1 .col-lg-6 dl { width:448px; height:auto; float:left; margin-bottom:0px; } .row1 .col-lg-6 dl dt{ width:399px; height:auto; float:left; color:#007ecc; font-size:13px; font-weight:bold; line-height:26px; } .row1 .col-lg-6 dl dd{ width:399px; height:auto; float:left; color:#463f46; font-size:13px; line-height:26px; } .row2 .col-lg-6 { min-height:1px; float:left; padding:0px 35px 35px 35px; } .row2 .col-lg-6 h2{ font-size:24px; margin:30px 0 20px 0; } .row2 .col-lg-6 h3{ margin:7px 0; } .row2 .col-lg-6>div{ margin-top:40px; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:0px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:90px; float:left; margin-bottom:27px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:74%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:88px; height:auto; float:left; margin-right:15px; } .content .function_show{ width:910px; height:710px; position:relative; margin:10px auto 40px auto; } .content .function_show>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show>ol>li:first-child{ display:block; } .content .function_show>ol>li>img{ width:900px; height:480px; margin-bottom:126px; } .content .function_show>ol>li>p{ font-size:16px; color:#555; text-indent:2em; line-height:24px; margin:0 5px; } .content .function_show>ul{ position:absolute; bottom:107px; width:100%; left:0%; text-align:center; } .content .function_show>ul>li{ width:78px; height:84px; margin:18px 8px; cursor:pointer; display:inline-block; padding-bottom:10px; } .content .function_show>ul>li:last-child{ width:98px; } .content .function_show>ul>li.current{ border-bottom: 2px solid #3C91CD; } .content .function_show_new{ width:910px; height:526px; position:relative; margin:10px auto 10px auto; } .content .function_show_new>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show_new>ol>li:first-child{ display:block; } .content .function_show_new>ol>li>img{ width:900px; height:358px; margin-bottom:169px; margin-top:30px; } .content_n .function_show1{ width:910px; height:650px; margin:10px auto 40px auto; } .content_n .function_show1>ol>li{ width:100%; display:none; text-align:center; } .content_n .function_show1>ol>li:first-child{ display:block; } .content_n .function_show1>ol>li>img{ width:760px; height:470px; margin:0px auto; } .content_n .function_show1>ul{ width:100%; text-align:center; } .content_n .function_show1>ul>li{ width:112px; height:100px; margin:18px 8px; cursor:pointer; display:inline-block; padding-bottom:10px; } .content_n .function_show1>ul>li:last-child{ width:98px; } .content_n .function_show1>ul>li.current{ color:#8fc41e; } .content_n .function_show1>ul>li>h3{ font-size:18px; } #FS_ico1{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_01.jpg) no-repeat; } #FS_ico2{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_02.jpg) no-repeat; } #FS_ico3{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_03.jpg) no-repeat; } #FS_ico4{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_04.jpg) no-repeat; } #FS_ico5{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_05.jpg) no-repeat; } #FS_ico6{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_06.jpg) no-repeat; } #FS_ico7{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_07.jpg) no-repeat; } .content_n .function_show1>ul>li.current #FS_ico1{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_08.jpg) no-repeat; } .content_n .function_show1>ul>li.current #FS_ico2{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_09.jpg) no-repeat; } .content_n .function_show1>ul>li.current #FS_ico3{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_10.jpg) no-repeat; } .content_n .function_show1>ul>li.current #FS_ico4{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_11.jpg) no-repeat; } .content_n .function_show1>ul>li.current #FS_ico5{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_12.jpg) no-repeat; } .content_n .function_show1>ul>li.current #FS_ico6{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_13.jpg) no-repeat; } .content_n .function_show1>ul>li.current #FS_ico7{ width:80px; height:80px; margin:0 auto; background:url(../images/tmi-osc/ZDS5054Pro/FS_ico_14.jpg) no-repeat; } .pro_zhuanti .content { padding:0 20px; } .pro_zhuanti .content>ul>li{ float: left; width: 45%; height: auto; overflow: hidden; margin: 15px 0px; } .pro_zhuanti .content>ul>li>dl { width:330px; height: 170px; overflow: hidden; } .pro_zhuanti_right iframe { height:400px; } .pro_zhuanti_left { float: left; width: 160px; height: auto; margin: 20px 0; } .pro_zhuanti_right { float: left; width: 76%; margin-left:50px; padding-bottom:40px; margin-top: 20px; } .pro_zhuanti_right ol li dl { overflow: hidden; width: 100%; height: auto; } .pro_zhuanti_right ol li dl dt { width: 34%; height: auto; float: left; margin: 10px auto; overflow: hidden; } .pro_zhuanti_right ol li dl dd { color: #999; line-height: 24px; float: left; padding: 5px 0 0 30px; width: 66%; } .pro_zhuanti_right .text { margin-top: 0px; } .pro_zhuanti_right .text .c_img { margin: 20px 0; text-align: center; } .pro_zhuanti_right .text p {line-height: 26px; color: #666; text-indent: 2em; font-size: 14px; } .pro_zhuanti_right .text .c_h1,.pro_zhuanti_right .text .c_h2{ text-indent: unset;} .pro_zhuanti_right .text .tit{ font-size: 26px; line-height: 28px; border-bottom: 2px solid #83b31d; padding-bottom: 15px; margin: 0; margin-bottom: 20px; } .pro_zhuanti_right .next{padding:20px 0; height: auto; width: 100%; overflow: hidden; } .pro_zhuanti_right .next a{ border: #eeeeee 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left; } .pro_zhuanti_right .page{padding:20px 0; height: auto; width: 100%; overflow: hidden;} .pro_zhuanti_right .page a{ border: #eeeeee 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left; } .pro_zhuanti_right .page span.current{ border: #8fc31f 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left; } .pro_zhuanti_right>ol#detail { margin-top:6px; } } /*针对iPad Pro SIZE 12.9*/ @media (min-width: 1023px) { .content_n{ padding:25px 0px 25px 0px; } .ct_tit2{ font-size:48px; line-height:80px; color:#8fc41e; text-align:center; margin:56px auto 7px auto !important; } .ct_tit3{ font-size:48px; line-height:80px; color:#333; text-align:center; margin:6px auto 7px auto !important; } .ct_tit4{ font-size:22px; line-height:40px; color:#333; font-weight:bold; text-align:center; margin:6px auto 0px auto !important; } #ZDS5054Pro_btn{ display:none; } #ZDS5054Pro_btn li>a>div{ color:#333333 !important; } #ZDS5054Pro_btn li>a:hover>div{ width:116px; height:236px; text-align:center; margin:0 auto; border-bottom:4px solid #8fc41e;color:#8fc41e !important; } .ZDS5054Pro_btn1{ width:110px; height:110px; background:url(../images/tmi-osc/ZDS5054Pro/ZDS5054Pro_btn_ico5.jpg) no-repeat; margin:0 auto; } .ZDS5054Pro_btn2{ width:110px; height:110px; background:url(../images/tmi-osc/ZDS5054Pro/ZDS5054Pro_btn_ico2.jpg) no-repeat; margin:0 auto; } .ZDS5054Pro_btn3{ width:110px; height:110px; background:url(../images/tmi-osc/ZDS5054Pro/ZDS5054Pro_btn_ico3.jpg) no-repeat; margin:0 auto; } .ZDS5054Pro_btn4{ width:110px; height:110px; background:url(../images/tmi-osc/ZDS5054Pro/ZDS5054Pro_btn_ico4.jpg) no-repeat; margin:0 auto; } #ZDS5054Pro_btn li h3{ font-weight:bold; } .ZDS5054Pro_btn2:hover{ color:#8fc41e; background:url(../images/tmi-osc/ZDS5054Pro/ZDS5054Pro_btn_ico6.jpg) no-repeat; } .ZDS5054Pro_btn3:hover{ color:#8fc41e; background:url(../images/tmi-osc/ZDS5054Pro/ZDS5054Pro_btn_ico7.jpg) no-repeat; } .ZDS5054Pro_btn4:hover{ color:#8fc41e; background:url(../images/tmi-osc/ZDS5054Pro/ZDS5054Pro_btn_ico8.jpg) no-repeat; } .btn_t1{ border-bottom:4px solid #8fc41e; } .yang_card_box{ padding-top:50px; } .row .col-lg-6 h2{ font-size:19px; } .fhlc{ width:965px; margin:0 auto; } .row1 .col-lg-6 { min-height:1px; float:left; padding:37px 50px 59px 103px; } .row1 .col-lg-6:first-child { padding:83px 0px 59px 35px; } .row1 .col-lg-6 h2{ font-size:24px; margin-bottom:20px; color:#575757; } .row1 .col-lg-6 dl { width:469px; height:auto; float:left; margin-bottom:0px; } .row1 .col-lg-6 dl dt{ width:70px; height:auto; float:left; color:#007ecc; font-size:14px; font-weight:bold; line-height:26px; } .row1 .col-lg-6 dl dd{ width:397px; height:auto; float:left; color:#463f46; font-size:14px; line-height:26px; } .row2 .col-lg-6 { min-height:1px; float:left; padding:0px 35px 35px 35px; } .row2 .col-lg-6 h2{ font-size:24px; margin:20px 0 20px 0; } .row2 .col-lg-6 h3{ margin:7px 0; } .row2 .col-lg-6>div{ margin-top:40px; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:0px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:90px; float:left; margin-bottom:27px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:75%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:88px; height:auto; float:left; margin-right:18px; } table{ font-size:14px; } table tr th{ font-size:14px; } .pro_h3 { margin:20px 0px 10px 0px; } .pro_tab { margin: 10px auto; } .pro_zhuanti .content { padding: 0; } .pro_zhuanti_right { float: left; width: 76%; margin-left: 60px; padding-bottom: 40px; margin-top: 20px; } #w1{ width:100%; max-width:1024px; height:auto; margin:20px auto; } #w1 h1{ font-size:36px; line-height:80px; color:#333; text-align:center; margin:76px auto 7px auto !important; } #w1 h2{ font-size:20px; line-height:36px; color:#392f2c; text-align:center; margin-top:10px; } #w1 h3{ font-size:16px; line-height:26px; color:#655d5b; margin-top:10px; text-align:center; } #w1 p{ width:946px; font-size:16px; color:#303233; text-align:center; margin:0 auto; } #w1 ul{ width:1024px; height:324px; margin-top:48px; } #w1 ul li{ width:162px; height:170px; float:left; margin-left:20px; margin-right:20px; } .z1_ico1{ width:86px; height:86px; background:url(../images/tmi-osc/zico_1.jpg) center center no-repeat; margin:0 auto; } .z1_ico2{ width:86px; height:86px; background:url(../images/tmi-osc/zico_2.jpg) center center no-repeat; margin:0 auto; } .z1_ico3{ width:86px; height:86px; background:url(../images/tmi-osc/zico_3.jpg) center center no-repeat; margin:0 auto; } .z1_ico4{ width:86px; height:86px; background:url(../images/tmi-osc/zico_4.jpg) center center no-repeat; margin:0 auto; } .z1_ico5{ width:86px; height:86px; background:url(../images/tmi-osc/zico_5.jpg) center center no-repeat; margin:0 auto; } .z1_ico6{ width:86px; height:86px; background:url(../images/tmi-osc/zico_6.jpg) center center no-repeat; margin:0 auto; } .z1_ico7{ width:86px; height:86px; background:url(../images/tmi-osc/zico_7.jpg) center center no-repeat; margin:0 auto; } .z1_ico8{ width:86px; height:86px; background:url(../images/tmi-osc/zico_8.jpg) center center no-repeat; margin:0 auto; } .z1_ico9{ width:86px; height:86px; background:url(../images/tmi-osc/zico_9.jpg) center center no-repeat; margin:0 auto; } .z1_ico10{ width:86px; height:86px; background:url(../images/tmi-osc/zico_10.jpg) center center no-repeat; margin:0 auto; } #w2{ width:100%; max-width:1200px; height:auto; margin:20px auto; padding:0px; overflow:hidden; } #w2 h2{ font-size:36px; line-height:28px; text-align:center; margin:56px auto 50px; } .yang_card_history_new{ width:100%; max-width:1000px; height:auto; border-top:#bcbcbc 1px solid; margin:30px 0px 130px 0px; width:100%; overflow:auto; } .yang_card_history_new .yang_card_year{ width:23%; height:190px; float:left; font-size:60px; margin-right:5%; border-bottom:#bcbcbc 1px solid; padding-top:78px; padding-left:0px; text-align:center; color:#0e050a; } .yang_card_history_new .yang_card_no{ width:46%; height:190px; float:left; border-bottom:#bcbcbc 1px solid; padding-top:60px; } .yang_card_history_new .yang_card_no2{ width:46%; height:190px; float:left; border-bottom:#bcbcbc 1px solid; padding-top:40px; } .yang_card_history_new .yang_card_photo{ width:25%; height:190px; float:left; padding:20px 20px 0px 20px; border-bottom:#bcbcbc 1px solid; } .buy_frame{ width:100%; height:160px; } } @media (min-width: 1080px) { .row .col-lg-6 h2{ font-size:21px; } .fhlc{ width:1025px; margin:0 auto; } .row1 .col-lg-6 { min-height:1px; float:left; padding:37px 50px 59px 110px; } .row1 .col-lg-6:first-child { padding:83px 0px 59px 35px; } .row1 .col-lg-6 h2{ font-size:24px; margin-bottom:20px; color:#575757; } .row1 .col-lg-6 dl { width:498px; height:auto; float:left; margin-bottom:0px; } .row1 .col-lg-6 dl dt{ width:70px; height:auto; float:left; color:#007ecc; font-size:14px; font-weight:bold; line-height:26px; } .row1 .col-lg-6 dl dd{ width:425px; height:auto; float:left; color:#463f46; font-size:14px; line-height:26px; } .row2 .col-lg-6 { min-height:1px; float:left; padding:0px 35px 35px 35px; } .row2 .col-lg-6 h2{ font-size:24px; margin:24px 0 20px 0; } .row2 .col-lg-6 h3{ margin:7px 0; } .row2 .col-lg-6>div{ margin-top:40px; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:0px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:90px; float:left; margin-bottom:27px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:75%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:88px; height:auto; float:left; margin-right:22px; } .pro_zhuanti .content>ul>li { float: left; width: 46%; height: auto; overflow: hidden; margin: 10px 0px; padding: 20px 0; border-bottom: 1px solid #d6d6d6;} .pro_zhuanti .content>ul>li>dl { width: 300px; height: 180px; overflow: hidden; float: left;margin-left: 30px; } .pro_zhuanti .content>ul>li img{ display:block; width: 160px; height: 210px; margin-left: 0; float: left; } .pro_zhuanti .content>ul>li p.gengduo { margin:10px 30px;float: left; } #w1{ width:100%; max-width:1080px; height:auto; margin:20px auto; } #w1 h1{ font-size:36px; line-height:80px; color:#333; text-align:center; margin:76px auto 7px auto !important; } #w1 h2{ font-size:20px; line-height:36px; color:#392f2c; text-align:center; margin-top:10px; } #w1 h3{ font-size:16px; line-height:26px; color:#655d5b; margin-top:10px; text-align:center; } #w1 p{ width:1046px; font-size:16px; color:#303233; text-align:center; margin:0 auto; } #w1 ul{ width:1080px; height:328px; margin-top:48px; } #w1 ul li{ width:170px; height:170px; float:left; margin-left:20px; margin-right:20px; } .z1_ico1{ width:86px; height:86px; background:url(../images/tmi-osc/zico_1.jpg) center center no-repeat; margin:0 auto; } .z1_ico2{ width:86px; height:86px; background:url(../images/tmi-osc/zico_2.jpg) center center no-repeat; margin:0 auto; } .z1_ico3{ width:86px; height:86px; background:url(../images/tmi-osc/zico_3.jpg) center center no-repeat; margin:0 auto; } .z1_ico4{ width:86px; height:86px; background:url(../images/tmi-osc/zico_4.jpg) center center no-repeat; margin:0 auto; } .z1_ico5{ width:86px; height:86px; background:url(../images/tmi-osc/zico_5.jpg) center center no-repeat; margin:0 auto; } .z1_ico6{ width:86px; height:86px; background:url(../images/tmi-osc/zico_6.jpg) center center no-repeat; margin:0 auto; } .z1_ico7{ width:86px; height:86px; background:url(../images/tmi-osc/zico_7.jpg) center center no-repeat; margin:0 auto; } .z1_ico8{ width:86px; height:86px; background:url(../images/tmi-osc/zico_8.jpg) center center no-repeat; margin:0 auto; } .z1_ico9{ width:86px; height:86px; background:url(../images/tmi-osc/zico_9.jpg) center center no-repeat; margin:0 auto; } .z1_ico10{ width:86px; height:86px; background:url(../images/tmi-osc/zico_10.jpg) center center no-repeat; margin:0 auto; } #w2{ width:100%; max-width:1200px; height:auto; margin:20px auto; overflow:hidden; } #w2 h2{ font-size:36px; line-height:28px; text-align:center; margin:56px auto 50px; } .yang_card_history_new{ width:100%; max-width:1060px; height:auto; border-top:#bcbcbc 1px solid; margin:30px 0px 130px 0px; width:100%; overflow:auto; } } @media (min-width: 1200px) { .yang_card_box{ padding-top:60px; } .row .col-lg-6,.row1 .col-lg-6 { width:50%; } .row .col-lg-6 { min-height:1px; float:left; padding:0px 30px 60px 45px; } .row .col-lg-6:first-child { padding:0px 45px 60px 30px; } .row .sf{ padding:0px 45px 60px 30px; } .row .col-lg-6 h2{ font-size:23px; border-bottom:1px solid #ccc; background:url(../images/pq_t1_bg.jpg) no-repeat 0px 2px; padding:0px 0px 22px 10px; } .row .col-lg-6 img{ margin-top:33px; } .fhlc{ width:1150px; margin:0 auto; } .row1 .col-lg-6 { min-height:1px; float:left; padding:39px 50px 69px 130px; } .row1 .col-lg-6:first-child { padding:108px 0px 69px 35px; } .row1 .col-lg-6 h2{ font-size:24px; margin-bottom:30px; color:#575757; } .row1 .col-lg-6 dl { width:579px; height:auto; float:left; margin-bottom:0px; } .row1 .col-lg-6 dl dt{ width:75px; height:auto; float:left; color:#007ecc; font-size:14px; font-weight:bold; line-height:28px; } .row1 .col-lg-6 dl dd{ width:500px; height:auto; float:left; color:#463f46; font-size:14px; line-height:28px; } .row2 .col-lg-6 { min-height:1px; float:left; padding:0px 35px 35px 35px; } .row2 .col-lg-6 h2{ font-size:24px; margin:25px 0 20px 0; } .row2 .col-lg-6 h3{ margin:10px 0 7px 0; } .row2 .col-lg-6>div{ margin-top:40px; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:543px; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:543px; height:auto; float:left; margin-bottom:0px; } .row2 .col-lg-6:first-child>ul{ width:545px; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:545px; height:90px; float:left; margin-bottom:27px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:435px; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:88px; height:auto; float:left; margin-right:22px; } .pro_zhuanti .content { max-width: 1200px; width: 100%; height: auto;overflow: hidden; padding: 20px 0px; } .pro_zhuanti .content>ul>li { float: left; width: 42%; height: auto; overflow: hidden; padding: 20px 0px 30px; } .pro_zhuanti_left{ float: left; width: 180px; height:auto; margin: 20px 0; } .pro_zhuanti_right{ float: left; width: 76%; margin-left: 80px; } .pro_zhuanti_right ol li dl dd { color: #999; line-height: 24px; float: left; padding: 5px 0 0 30px; width: 66%; } .pro_zhuanti .content>ul>li { float: left; width: 42%; height: auto; overflow: hidden; margin: 10px 0px; border-bottom: 1px solid #d6d6d6; } #w1{ width:100%; max-width:1200px; height:auto; margin:20px auto; } #w1 h1{ font-size:36px; line-height:80px; color:#333; text-align:center; margin:76px auto 7px auto !important; } #w1 h2{ font-size:20px; line-height:36px; color:#392f2c; text-align:center; margin-top:10px; } #w1 h3{ font-size:16px; line-height:26px; color:#655d5b; margin-top:10px; text-align:center; } #w1 p{ width:1160px; font-size:16px; color:#303233; text-align:center; margin:0 auto; } #w1 ul{ width:1200px; height:328px; margin-top:48px; } #w1 ul li{ width:198px; height:170px; float:left; margin-left:20px; margin-right:20px; } #w2{ width:100%; max-width:1200px; height:auto; margin:20px auto; overflow:hidden; } #w2 h2{ font-size:36px; line-height:28px; text-align:center; margin:56px auto 50px; } } /*header 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; } @media (min-width:0px) { #ztmi-body-header{ display:none; } } @media (min-width: 992.1px) { #ztmi-body-header{ display:block; } /*#ztmi-body-header-list{ width:1024px;padding-top:32px; } #ztmi-body-header-list li{ width:126px;margin:0;}*/ #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;} } @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*/ .padingTop190{padding-top:35px!important;} @media (min-width: 992.1px) { .padingTop190{padding-top:131px!important;} #ZUS5000{ width: 100%; min-width: 1024px; height: 900px; background: url(../images/tmi-osc/ZUS5000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZUS6000{ width: 100%; min-width: 1024px; height: 900px; background: url(../images/tmi-osc/ZUS6000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDS1000{ width:100%; min-width:1024px; height:900px; background:url(../images/tmi-osc/ZDS1000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDS3000{ width:100%; min-width:1024px; height:900px; background:url(../images/tmi-osc/ZDS3000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDS4000{ width:100%; min-width:1024px; height:900px; background:url(../images/tmi-osc/ZDS4000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDS5054{ width: 100%; min-width: 1024px; height: 970px; background: url(../images/tmi-osc/ZDS5054/pro_intro_bg.jpg) #ffffff top center repeat-x; } } @media (min-width: 1024px) { .padingTop190{padding-top:134px!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; } #ZUS5000{ width: 100%; min-width: 1024px; height: 900px; background: url(../images/tmi-osc/ZUS5000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZUS6000{ width: 100%; min-width: 1024px; height: 900px; background: url(../images/tmi-osc/ZUS6000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDS1000{ width:100%; min-width:1024px; height:900px; background:url(../images/tmi-osc/ZDS1000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDS3000{ width:100%; min-width:1024px; height:900px; background:url(../images/tmi-osc/ZDS3000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDS4000{ width:100%; min-width:1024px; height:900px; background:url(../images/tmi-osc/ZDS4000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDS5054{ width: 100%; min-width: 1024px; height: 970px; background: url(../images/tmi-osc/ZDS5054/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZUS5000 .content2,#ZUS6000 .content2,#ZDS5054 .content2,#ZDS4000 .content2,#ZDS3000 .content2,#ZDS1000 .content2{ margin: 0 auto; } .content .function_show_new{ width:900px; height:800px; position:relative; margin:10px auto 0px auto; } .content .function_show_new>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show_new>ol>li:first-child{ display:block; } .content .function_show_new>ol>li>img{ width:900px; height:358px; margin-bottom:126px; } .content .function_show_new>ol>li>p{ font-size:16px; color:#555; text-indent:2em; line-height:24px; margin:0 5px; } .content .function_show_new .function_show_ul{ position:absolute; bottom:40px; width:100%; left:0%; text-align:center; } .content .function_show_new .function_show_ul>li{ width:122px; height:122px; margin:18px 14px; cursor:pointer; display:inline-block; padding-bottom:10px; border:1px solid #00b4aa; border-radius:10px; } .content .function_show_new .function_show_ul>li.current{ background:#00b4aa; } .content .function_show_new .function_show_ul>li>h4{ font-size:24px; font-weight:bold; color:#00b4aa; margin-top:30px; } .content .function_show_new .function_show_ul>li>p{ font-size:16px; color:#00b4aa; } .content .function_show_new .function_show_ul>li.current>h4,.content .function_show_ul>li.current>p{ color:#ffffff; } } @media (min-width: 1200px) { .padingTop190{padding-top:147px!important;} .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;} #ZUS5000{ width: 100%; min-width: 1200px; height:980px; background: url(../images/tmi-osc/ZUS5000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZUS6000{ width: 100%; min-width: 1200px; height:980px; background: url(../images/tmi-osc/ZUS6000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDS1000 { width:100%; min-width: 1200px; height:970px; background:url(../images/tmi-osc/ZDS1000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDS3000 { width:100%; min-width:1200px; height:980px; background:url(../images/tmi-osc/ZDS3000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDS4000 { width:100%; min-width:1200px; height:960px; background:url(../images/tmi-osc/ZDS4000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDS5054{ width: 100%; min-width: 1200px; height:1076px; background: url(../images/tmi-osc/ZDS5054/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZUS5000 .content2,#ZUS6000 .content2,#ZDS5054 .content2,#ZDS4000 .content2,#ZDS3000 .content2,#ZDS1000 .content2{ width:1200px; margin: 0 auto; padding-top: 0px; } .yang_card_history_new{ width:100%; max-width:1720px; height:auto; border-top:#bcbcbc 1px solid; margin:30px 0px 130px 0px; width:100%; overflow:auto; } .yang_card_history_new .yang_card_year{ width:23%; height:190px; float:left; font-size:60px; margin-right:5%; border-bottom:#bcbcbc 1px solid; padding-top:78px; padding-left:0px; text-align:center; color:#0e050a; } .yang_card_history_new .yang_card_no{ width:50%; height:190px; float:left; border-bottom:#bcbcbc 1px solid; padding-top:60px; } .yang_card_history_new .yang_card_no2{ width:50%; height:190px; float:left; border-bottom:#bcbcbc 1px solid; padding-top:40px; } .yang_card_history_new .yang_card_photo{ width:21%; height:190px; float:left; padding:20px 20px 0px 20px; border-bottom:#bcbcbc 1px solid; } .content .function_show_new{ width:1100px; height:726px; position:relative; margin:10px auto 0px auto; } .content .function_show_new>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show_new>ol>li:first-child{ display:block; } .content .function_show_new>ol>li>img{ width:1100px; height:438px; margin-bottom:126px; } .content .function_show_new>ol>li>p{ font-size:16px; color:#555; text-indent:2em; line-height:24px; margin:0 5px; } } @media (min-width: 1260px) { .padingTop190{ padding-top:152px!important; } .yang_card_pro_list_new{ width:100%; max-width:1200px; margin:0px auto; padding:0px; } } @media (min-width: 1400px) { .padingTop190{ padding-top:162px!important; } .yang_card_pro_list_new{ width:100%; max-width:1360px; margin:0px auto; padding:0px; } .yang_card_history_new .yang_card_year{ width:24%; height:190px; float:left; font-size:60px; margin-right:5%; border-bottom:#bcbcbc 1px solid; padding-top:78px; padding-left:0px; text-align:center; color:#0e050a; } .yang_card_history_new .yang_card_no{ width:54%; height:190px; float:left; border-bottom:#bcbcbc 1px solid; padding-top:60px; } .yang_card_history_new .yang_card_no2{ width:54%; height:190px; float:left; border-bottom:#bcbcbc 1px solid; padding-top:40px; } .yang_card_history_new .yang_card_photo{ width:17%; height:190px; float:left; padding:20px 20px 0px 20px; border-bottom:#bcbcbc 1px solid; } .content .function_show_new{ width:1300px; height:826px; position:relative; margin:10px auto 0px auto; } .content .function_show_new>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show_new>ol>li:first-child{ display:block; } .content .function_show_new>ol>li>img{ width:1300px; height:517px; margin-bottom:126px; } .content .function_show_new>ol>li>p{ font-size:16px; color:#555; text-indent:2em; line-height:24px; margin:0 5px; } } @media (min-width: 1440px) { .padingTop190{ padding-top:166px!important; } .yang_card_pro_list_new{ width:100%; max-width:1400px; margin:0px auto; padding:0px; } } @media (min-width: 1600px) { .yang_card_pro_list_new{ width:100%; max-width:1560px; margin:0px auto; padding:0px; } } @media (min-width: 1700px) { .yang_card_pro_list_new{ width:100%; max-width:1660px; margin:0px auto; padding:0px; } } @media (min-width: 1900px) { .yang_card_pro{ width:1900px; } .padingTop190{ padding-top:166px!important; } #ZUS5000 { width:100%; min-width:1720px; height:980px; background:url(../images/tmi-osc/ZUS5000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZUS6000 { width:100%; min-width:1720px; height:980px; background:url(../images/tmi-osc/ZUS6000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDS1000 { width:100%; min-width:1720px; height:970px; background:url(../images/tmi-osc/ZDS1000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDS3000 { width:100%; min-width:1720px; height:980px; background:url(../images/tmi-osc/ZDS3000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDS4000 { width:100%; min-width:1720px; height:960px; background:url(../images/tmi-osc/ZDS4000/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZDS5054 { width:100%; min-width:1720px; height:1076px; background:url(../images/tmi-osc/ZDS5054/pro_intro_bg.jpg) #ffffff top center repeat-x; } #ZUS5000 .content2,#ZUS6000 .content2,#ZDS5054 .content2,#ZDS4000 .content2,#ZDS3000 .content2,#ZDS1000 .content2{ width: 1720px; margin: 0 auto; padding-top: 0px; } .pro_intro .con_h2,.pro_intro .con_h3,.pro_intro .con_h4{ 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; } .yang_card_history_new{ width:100%; max-width:1720px; height:auto; border-top:#bcbcbc 1px solid; margin:30px 0px 130px 0px; width:100%; overflow:auto; } .content .function_show_new{ width:1760px; height:960px; position:relative; margin:10px auto 0px auto; } .content .function_show_new>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show_new>ol>li:first-child{ display:block; } .content .function_show_new>ol>li>img{ width:1760px; height:700px; margin-bottom:126px; } .content .function_show_new>ol>li>p{ font-size:16px; color:#555; text-indent:2em; line-height:24px; margin:0 5px; } .content .function_show_new .function_show_ul{ position:absolute; bottom:40px; width:100%; left:0%; text-align:center; } .content .function_show_new .function_show_ul>li{ width:122px; height:122px; margin:18px 14px; cursor:pointer; display:inline-block; padding-bottom:10px; border:1px solid #00b4aa; border-radius:10px; } .content .function_show_new .function_show_ul>li.current{ background:#00b4aa; } .content .function_show_new .function_show_ul>li>h4{ font-size:24px; font-weight:bold; color:#00b4aa; margin-top:30px; } .content .function_show_new .function_show_ul>li>p{ font-size:16px; color:#00b4aa; } .content .function_show_new .function_show_ul>li.current>h4,.content .function_show_ul>li.current>p{ color:#ffffff; } } @media (min-width: 1910px) { .yang_card_pro{ width:1910px; } } @media (min-width: 1920px) { .yang_card_pro{ width:1920px; } } @media (min-width: 1921px) { .yang_card_pro{ width:100%; } } @media (min-width: 2540px) { .yang_card_pro{ width:2540px; } } @media (min-width: 2550px) { .yang_card_pro{ width:2550px; } } @media (min-width: 2560px) { .yang_card_pro{ width:2560px; } } @media (min-width: 2561px) { .yang_card_pro{ width:2560px; margin:0 auto; } }