#wrap{ width:100%; margin:0px auto; } .content{ width:100%; max-width:1200px; margin:0 auto; padding:0px 20px; } .ctbg1{ background:#000c24; } .ctbg2{ background:#f9f9f9; } .ctbg3{ background:#2f65bd; } .ctbg4{ background:#041553; } .ctbg5{ background:#040609; } .ctbg6{ background:#001b37; } .ctbg7{ background:#fafafa; } .ctbg8{ background:#f7f7f7; } .ctbg9{ background:#1d1d22; } .ctbg10{ background:#01265a; } .ctbg11{ background:#f1f1f1; } .ctbg12{ background:#000000; } .pro_norms .no_bottom { border-bottom: 1px #f7f7f7 solid !important;} .pro_t_g{ border-top:1px solid #e7e7e7; } .pro-nav-list dl dd a{ line-height:20px; } .pro_nav_b dt ul li.current{ border-bottom:2px solid #83b31d; } .pro_nav_b dt span{ display:inline-block; width:100px; height:50px; background: url(../images/s_t1.png) no-repeat 15px -22px; cursor:pointer; } .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:#00ae86; border:1px solid #00ae86; padding:2px 10px; border-radius:5px; display:block; } table tr .center{ text-align:center; } table tr:hover{ background:#f0f0f0; } .pro_norms{ width:1200px; margin:5px 0px 20px 0px; color:#666; font-size:12px; } .pro_norms tr th.no_bd_lf,.pro_norms tr td.no_bd_lf{ border-left:none; } .a2c7{color:#83b31d;} .table_y{ width:100%; } .table_x{ width:1198px; } .table_x1{ width:1100px; } .table_x2{ width:1000px; } .pro_h3{ font-size:18px; color:#165aa7; line-height:26px; } .pro_tab{ border-top:#d6d6d6 1px solid; border-collapse:collapse; margin:20px auto; } .pro_tab tr{ border:none; } .pro_tab tr:hover table th,.pro_tab tr:hover table td, .pro_tab tr:hover{ background:#F0F0F0; } .pro_tab tr th{ font-weight:bold; background:#F0F0F0; } .pro_tab tr td,.pro_tab tr th{ text-align:left; padding: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:#5082c6; } .pro_tab tr td a:hover{ text-decoration:underline; } .pro_tab tr td p{ text-align:left; } .pro_tab tr th.pro_tab_title,.pro_tab tr td.pro_tab_title{ border-left:none; } .pro_tab .cs{ background:#a3afbd; color:#ffffff; } .pro_tab .tc{ text-align:center; } #example1{color:#018afb; border:1px solid #018afb; border-radius:5px; padding:5px 18px; display:inline-block; min-width:130px; margin:5px 6px; text-decoration:none; } #example1:hover{ background:#fff; color:#fff; text-decoration:none; } .pro_norms tr th,.pro_norms tr td{ border-left:1px solid #E1E1E1; padding:5px 15px; } .pro_norms tr td,.pro_norms tr th{ text-align:left; padding:3px 20px 3px 20px; line-height:22px; border-left:#e1e1e1 1px solid; border-top:#e1e1e1 1px solid; border-bottom:#e1e1e1 1px solid; color:#666; } .pro_norms tr th.no_bd_lf,.pro_norms tr td.no_bd_lf{ border-left:none; } .pro_norms tr th{ background:#f0f0f0; font-size:12px; line-height:28px; text-align:left; font-weight:bold; } .pro_norms .bg{ background:#F0F0F0; } .pro_norms tr td.bghot,.pro_norms tr th.bghot{ background:url(../images/wireless/bghot.png) no-repeat 120px 1px #F0F0F0; } .pro_norms .gaoliang{ color:#83b31d; } #wifi_in{ width:100%; height:740px; margin:125px auto 0 auto; } .wifipic{ width:100%; height:580px; margin: 0 auto; } .wifipic ul{ width:100%; height:580px; float:left; margin: 0 auto; padding:0; } .wifipic li{ width:100%; height:580px; float:left; display:none; } .wifipic .now{ display:block; } #wifi_in2{ width:100%; height:970px; margin:85px auto 0 auto; } .wifipic2{ width:90%; height:800px; margin: 0 auto; } .wifipic2 ul{ width:100%; height:800px; float:left; margin: 0 auto; padding:0; } .wifipic2 li{ width:100%; height:800px; float:left; display:none; } .wifipic2 .now{ display:block; } .k_tab{ padding:0 15px;} .row1,.row2 { margin-left:-15px; margin-right:-15px; } .v_con01 { margin-top:-200px; overflow:hidden; } /*ZLG52810椤甸潰*/ .ZLG52810-01{background: #2d3134;} .ZLG52810-02{background: #000000;} .ZLG52810-04{background: #f7f7f7;} @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; } .pro_intro{ width:100%; margin-top:0px; } .pro_intro_c{ width:715px; height:auto; margin:0 auto; padding-bottom:35px; } .pro_intro .pro_intro_c>.left { width:400px; height:auto; float:left; padding-top:57px; margin-bottom:20px; } .pro_intro .pro_intro_c>.left>ol>li { display:none; } .pro_intro .pro_intro_c>.left>ol>li:first-child { display:block; } .pro_intro .pro_intro_c>.left>ol>li>img { width:400px; height:290px; } .pro_intro .pro_intro_c .left .pro_intro_pic { width:390px; height:100px; float:left; } .pro_intro .pro_intro_c .left ul { width: 390px; height:80px; float:left;} .pro_intro .pro_intro_c .left ul>li { width:76px; height:60px; float:left; margin:10px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; } .pro_intro .pro_intro_c .left ul>li>img { width:60px; height:43px; border-radius:8px; } .pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; } .pro_intro .pro_intro_c .right { width:310px; height:auto; float:right; padding:47px 0px 30px 20px; } .pro_intro .pro_intro_c .right h2 { color:#333333; font-size:24px; line-height:34px; font-weight:normal; margin-bottom:8px; } .pro_intro .pro_intro_c .right p.tit { color:#666666; font-size:18px; line-height:28px; padding-bottom:0px; margin-bottom:10px; } .pro_intro .pro_intro_c .right p.tit span{ color:#83b31d; } .pro_intro .pro_intro_c .right p { color:#333333; line-height:28px; } .pro_intro .pro_intro_c .right ul.intro_list { margin-top:30px; } .pro_intro .pro_intro_c .right ul.intro_list li { color:#666; } } @media only screen and (max-width:519px) { .v_con01 { display:none; width:350px; height:197px; position:fixed; left:15%; margin-left:0px; top: 65%; } .v_close{ position:absolute; top:43%; margin-top:0px; left:72%; margin-left:0px; cursor:pointer; z-index:1003; display:none; } } @media only screen and (max-width:414px) { .v_con01 { display:none; width:330px; height:186px; position:fixed; left:11%; margin-left:0px; top:65%; } } @media only screen and (max-width:375px) { .v_con01 { display:none; width:310px; height:175px; position:fixed; left:9%; margin-left:0px; top:65%; } } @media only screen and (max-width:365px) { .v_con01 { display:none; width:300px; height:169px; position:fixed; left:6%; margin-left:0px; top:68%; } .v_close{ position:absolute; top:38%; margin-top:0px; left:88%; margin-left:0px; cursor:pointer; z-index:1003; display:none; } } @media only screen and (max-width:320px) { .v_con01 { left:3%; } } @media (min-width: 300px) { #allpro{ width:100%; height:auto; position:relative; overflow:hidden; background:#efefef; } #allpro h2{ font-size:18px; text-align:center; line-height:28px; margin:46px 20px 15px; } .allpro_mb{ width:100%; height:auto; margin:0 auto; } .allpro_mb_h{ width:100%; height:72px; float:left; } .allpro_mb_f{ width:100%; height:auto; float:left; margin-bottom:25px; } .allpro_mb_h ul{ width:100%; height:auto; float:left; padding:5px 6px 5px 6px; } .allpro_mb_h ul>li{ width:92px; height:40px; margin:5px 3px 5px 1px; padding:3px 1px 5px; font-size:12px; color:#000000; line-height:36px; cursor:pointer; text-align:center; float:left; background:#fff; border:1px solid #cdcdcd; } .allpro_mb_h .activity{ color:#fff; background:#8fc31f; border:1px solid #8fc31f; } .allpro_mb_f ol>li{ width:100%; height:auto; display:none; } .allpro_mb_f ul{ width:100%; height:auto; float:left; padding:0px 22px; } .allpro_mb_f ul>li{ width:120px; height:145px; float:left; margin:0 15px 10px 0px; } .allpro_mb_f ul>li>a>img{width:120px; height:100px; } .allpro_mb_f ul>li:nth-child(even){ margin-right:0px; } .allpro_mb_f ul>li p{ font-size:12px; color:#000000; line-height:18px; text-align:center; margin-top:12px; } .allpro_mb_f .activity{ display:block; } .content{ padding:0px 10px; } .content .pro_describe{ width:270px; height:auto; position:relative; margin:40px auto 0px auto; text-align:center; } .content .pro_describe h2{ font-size:22px; } .content .pro_describe .tit{ font-size:18px; color:#666666; padding-bottom:0px; } .content .pro_describe .tit_type{ color:#83b31d; } .content .pro_describe p{ color:#5a5a5a; line-height:28px; } .content .pro_describe2{ width:265px; height:auto; margin:0 auto; position:relative; top:210px; } .content .pro_describe2 .ico{ width:265px; height:25px; } .content .pro_describe2 p{ font-size:14px; text-align:center; } .content .pro_lunbo{ width:270px; height:470px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:0px; } .content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:260px; height:189px; } .content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; } .content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; } .content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; width:100%; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:55px; height:42px; margin:5px 6px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:52px; height:38px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; } .content .pro_lunbo2{ width:270px; height:748px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo3{ width:270px; height:570px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8{ width:270px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; } .content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; } .content .pro_lunbo8>ul>li{ width:55px; height:42px; margin:5px 6px; cursor:pointer; border:2px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo8>ul>li>img{ width:52px; height:38px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; } .content .pro_describe8{ width:265px; height:auto; margin:0 auto; float:left; } .content .pro_describe8 .ico{ width:265px; height:25px; } .content .pro_describe8 p{ font-size:14px; text-align:center; } .pro_download{ height:auto; margin:0 auto; font-size:14px; overflow:auto; } .pro_download_class{ width:100%; height:auto; border-bottom:1px dashed #cbcbcb; float:left; padding:20px 0px; margin-bottom:20px; } .pro_download_class_l{ width:100%; height:30px; float:left; font-size:24px; margin:0px 0px 10px 0px; } .pro_download_class_r{ width:100%; height:auto; float:left; } .pro_download_class_r ul{ width:100%; } .pro_download_class_r ul li{ width:100%; height:auto; line-height:30px; } .pro_download .down-ico-pdf{ background:url(../images/pdf.png) no-repeat 0px 8px; padding-left:20px; } .pro_download .down-ico-zip{ background:url(../images/zip.png) no-repeat 0px 8px; padding-left:20px; } .pro_b_g{ border-bottom:#f0f0f0 1px solid; background:url(../images/osc/main_bg.png) bottom center no-repeat #fff; padding-bottom:20px; } .yang_card_pro_choose{ width:95%; height:600px; margin:20px auto; } .yang_card_pro_choose_info{ width:100%; height:auto; float:left; margin-bottom:20px; } .yang_card_pro_application_info{ width:100%; height:auto; float:left; } .yang_card_pro_choose_info:last-child{ margin-bottom:30px; } .yang_card_pro_choose_info_1{ width:100%; height:35px; float:left; } .yang_card_pro_choose_info_2{ width:100%; height:80px; float:left; } .yang_card_pro_choose_info_3{ width:100%; height:auto; float:left; padding-top:25px; } .yang_card_pro_choose_info_4{ width:100%; height:60px; float:left; text-align:center; padding-top:5px; margin-top:15px; } .yang_card_pro_choose_info_4 a{ min-width:130px; font-size:14px; color:#018afb; border:1px solid #018afb; border-radius:5px; padding:5px 22px; display:inline-block; margin:0 6px; text-decoration:none; } .yang_card_pro_choose_info_4 a:hover{ background:#018afb; color:#fff; text-decoration:none; } .yang_card_pro_choose_info_2 ul{ width:98%; height:78px; border:1px solid #d7d7d7; margin:0 auto; } .yang_card_pro_choose_info_2 li{ width:33%; height:48px; float:left; text-align:center; color:#000; font-size:16px; border-right:1px solid #d7d7d7; margin:15px 0px; } .yang_card_pro_choose_info_2 li:last-child{ border-right:none; } .yang_card_pro_choose_info_2 li span{ color:#888888; font-size:12px; } .yang_card_pro_choose_info_1 p{ font-size:20px; color:#424242; line-height:30px; text-align:center; } .yang_card_pro_choose_info_2 a{ color:#333; text-decoration:none; } .yang_card_pro_choose_info_2 a:hover{ color:#018afb; } .yang_car_zigbee{ width:95%; height:auto; margin:20px auto; } .yang_car_zigbee_info{ width:100%; height:auto; float:left; } .yang_car_zigbee_info p{ font-size:20px; font-weight:bold; margin-top:20px; } .yang_car_zigbee_info ul{ width:95%; float:left; font-size:15px; height:auto; margin:0 0 20px 0; } .yang_car_zigbee_info li{ width:100%; float:left; background: url(../images/wireless/go.png) no-repeat left 5px; padding-left:20px; line-height:26px; } .yang_car_zigbee_info ul li span{ color: #0078c6; } .yang_car_zigbee>div:last-child li:last-child{ margin-bottom:30px; } .content .yang_card_accessories{ width:100%; height:auto; margin-top:26px; text-align:center; } .content .yang_card_accessories>div{ width:100%; height:230px; float:left; } .content .yang_card_accessories img{ width:278px; height:167px; } .content .yang_card_accessories p{ margin-top:20px; } .yang_car_onsite{ width:280px; height:190px; margin:20px auto 20px auto; } .yang_car_onsite li{ width:93px; height:93px; float:left; } .yang_car_onsite img{ width:93px; height:93px; } .ct_on_h3{ font-size:20px; color:#333; line-height:32px; font-weight:normal; text-align:left; width:280px; margin:0 auto 10px auto; } .ct_on_p{ font-size:16px; color:#333; text-align:left; width:280px; margin:0 auto; } .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_ipc{ width:100%; max-width:1200px; margin:0px auto; padding:0px; } .yang_card_h4{ font-size:22px; color:#333; line-height:46px; margin:26px auto 5px auto; } .yang_card_h4_ipc{ font-size:22px; color:#333; line-height:46px; margin:26px auto 5px auto; } .ct_tit{ font-size:24px; line-height:38px; color:#333; text-align:center; margin:50px auto 20px auto; } .ct_tit_ipc{ font-size:24px; line-height:38px; color:#333; text-align:center; margin:50px auto 20px auto; } .ct_t1{ font-size:22px; color:#333; line-height:30px; font-weight:normal; text-align:center; margin-bottom:10px; } .ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; } .ct_p_ipc{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; } .ct_b1{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; } .ct_b2{ font-size:16px; color:#19699d; text-align:center; } .ct_b2 img{ margin-right:10px; } .ct_dt{ color:#dfdfdf; } .ct_ff{color:#ffffff;} .yang_car_laboratory{ width:280px; height:2140px; margin:20px auto 50px auto; } .yang_car_laboratory li{ width:274px; height:208px; float:left; margin:20px 3px 10px 3px; } .yang_car_laboratory li img{ width:274px; height:154px; border:4px solid #cbd4e0; } .yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; } .yang_car_laboratory li p{ color:#666666; } .plin3{ line-height:26px; } .plin4{ line-height:24px; } .plin4a p{ font-size:12px !important; line-height:22px; } .plin4b p{ font-size:13px !important; line-height:24px; } .plin7{ line-height:28px;} .plin8{ line-height:26px; } .plin8a{ line-height:24px; } .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:#83b31d; 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:12px; line-height:22px; color:#b3b3b3; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:73px; float:left; margin-bottom:10px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:69%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div>p>a{ color:#b3b3b3; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:27%; height:auto; float:left; margin-right:10px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:4px 0px 0px 0px; float:left; } .row2 .col-video{ width:260px; height:auto; margin-bottom:30px; } .row2 .col-video h3{ font-size:18px; line-height:24px; margin-top:20px; } .row2 .col-video img { width:100%; height:auto; } .main_pro_nav{ width:290px; height:auto; float:left; margin:20px 0px 20px 5px; } .main_pro_nav_list{ width:290px; height:auto; } .main_pro_nav_list_2{ width:290px; height:auto; float:left; border-top:#e8e8e8 1px solid; padding-top:20px; } .main_pro_nav_list_p{ font-size:22px; line-height:32px; width:290px; height:auto; float:left; padding-left:20px; } .main_pro_nav_list_dl{ width:290px; height:auto; float:left; padding-left:20px; } .main_pro_nav_list_dl dl{ float:left; width:270px; padding-bottom:5px; margin:0 0 10px 0; } .main_pro_nav_list dl dt{ width:100%; height:35px; font-size:16px; font-weight:normal; line-height:32px; float:left; } .main_pro_nav_list_dl dd{ height:26px; line-height:22px; width:100%; float:left; font-size:13px; color:#9a9a9a !important; } .main_pro_nav_list dl dd a{ color:#83b31d; font-size:16px; margin:0px; } } /*閽堝iphone5s*/ @media (min-width: 315px) { .yang_car_laboratory{ width:290px; height:2220px; margin:20px auto 50px auto; } .yang_car_laboratory li{ width:284px; height:215px; float:left; margin:20px 3px 10px 3px; } .yang_car_laboratory li img{ width:284px; height:160px; border:4px solid #cbd4e0; } .yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; } .yang_car_laboratory li p{ color:#666666; } .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:12px; line-height:22px; color:#b3b3b3; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:77px; float:left; margin-bottom:10px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:68%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:28%; height:auto; float:left; margin-right:10px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:4px 0px 0px 0px; float:left; } .row2 .col-video{ width:280px; height:auto; } .row2 .col-video h3{ font-size:18px; line-height:24px; margin-top:20px; } .row2 .col-video img { width:100%; height:auto; } .main_pro_nav{ width:305px; height:auto; float:left; margin:20px 0px 20px 5px; } .main_pro_nav_list{ width:305px; height:auto; } .main_pro_nav_list_2{ width:305px; height:auto; float:left; border-top:#e8e8e8 1px solid; padding-top:20px; } .main_pro_nav_list_p{ font-size:22px; line-height:32px; width:305px; height:auto; float:left; padding-left:20px; } .main_pro_nav_list_dl{ width:305px; height:auto; float:left; padding-left:20px; } .main_pro_nav_list_dl dl{ float:left; width:284px; padding-bottom:5px; margin:0 0 10px 0px; } .main_pro_nav_list dl dt{ width:100%; height:35px; font-size:16px; font-weight:normal; line-height:32px; float:left; } .main_pro_nav_list_dl dd{ height:30px; line-height:28px; width:100%; float:left; font-size:14px; color:#9a9a9a !important; } .main_pro_nav_list dl dd a{ color:#83b31d; font-size:16px; margin:0px; } } /*閽堝1080*1920鐨刟ndroid*/ @media (min-width: 360px) { #allpro{ width:100%; height:auto; position:relative; overflow:hidden; background:#efefef; } #allpro h2{ font-size:18px; text-align:center; line-height:28px; margin:46px 20px 20px; } .allpro_mb{ width:100%; height:auto; margin:0 auto; } .allpro_mb_h{ width:100%; height:75px; float:left; } .allpro_mb_f{ width:100%; height:auto; float:left; margin-bottom:25px; } .allpro_mb_h ul{ width:100%; height:auto; float:left; padding:5px 15px; } .allpro_mb_h ul>li{ width:104px; height:40px; margin:5px 3px 5px 3px; padding:3px 3px 5px; font-size:13px; color:#000000; line-height:36px; cursor:pointer; text-align:center; float:left; background:#fff; border:1px solid #cdcdcd; } .allpro_mb_h .activity{ color:#fff; background:#8fc31f; border:1px solid #8fc31f; } .allpro_mb_f ol>li{ width:100%; height:auto; display:none; } .allpro_mb_f ul{ width:100%; height:auto; float:left; padding:0px 22px; } .allpro_mb_f ul>li{ width:150px; height:172px; float:left; margin:0 15px 10px 0px; } .allpro_mb_f ul>li>a>img{width:150px; height:125px; } .allpro_mb_f ul>li:nth-child(even){ margin-right:0px; } .allpro_mb_f ul>li p{ font-size:12px; color:#000000; line-height:18px; text-align:center; margin-top:12px; } .allpro_mb_f .activity{ display:block; } } /*閽堝iphone6*/ @media (min-width: 375px) { #allpro{ width:100%; height:auto; position:relative; overflow:hidden; background:#efefef; } #allpro h2{ font-size:18px; text-align:center; line-height:28px; margin:46px 20px 25px; } .allpro_mb{ width:100%; height:auto; margin:0 auto; } .allpro_mb_h{ width:100%; height:75px; float:left; } .allpro_mb_f{ width:100%; height:auto; float:left; margin-bottom:25px; } .allpro_mb_h ul{ width:100%; height:auto; float:left; padding:5px 18px; } .allpro_mb_h ul>li{ width:104px; height:40px; margin:5px 6px 5px 3px; padding:3px 3px 5px; font-size:13px; color:#000000; line-height:36px; cursor:pointer; text-align:center; float:left; background:#fff; border:1px solid #cdcdcd; } .allpro_mb_h .activity{ color:#fff; background:#8fc31f; border:1px solid #8fc31f; } .allpro_mb_f ol>li{ width:100%; height:auto; display:none; } .allpro_mb_f ul{ width:100%; height:auto; float:left; padding:0px 22px; } .allpro_mb_f ul>li{ width:158px; height:180px; float:left; margin:0 15px 10px 0px; } .allpro_mb_f ul>li>a>img{width:158px; height:132px; } .allpro_mb_f ul>li:nth-child(even){ margin-right:0px; } .allpro_mb_f ul>li p{ font-size:14px; color:#000000; line-height:18px; text-align:center; margin-top:12px; } .allpro_mb_f .activity{ display:block; } .content .pro_describe{ width:340px; height:auto; position:relative; margin:40px auto 0px auto; text-align:center; } .content .pro_describe h2{ font-size:24px; } .content .pro_describe .tit{ font-size:18px; color:#666666; padding-bottom:0px; } .content .pro_describe .tit_type{ color:#83b31d; } .content .pro_describe p{ color:#5a5a5a; line-height:28px; } .content .pro_describe2{ width:330px; height:auto; margin:0 auto; position:relative; top:265px; } .content .pro_describe2 .ico{ width:330px; height:31px; } .content .pro_lunbo{ width:330px; height:510px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:0px; } .content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:325px; height:237px; } .content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; } .content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; } .content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:60px; height:46px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:57px; height:41px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; } .content .pro_lunbo2{ width:330px; height:665px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo3{ width:330px; height:575px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8{ width:330px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; } .content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; } .content .pro_lunbo8>ul>li{ width:60px; height:46px; margin:5px 8px; cursor:pointer; border:2px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo8>ul>li>img{ width:57px; height:41px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; } .content .pro_describe8{ width:330px; height:auto; margin:0 auto; float:left; } .content .pro_describe8 .ico{ width:330px; height:31px; } .yang_car_zigbee{ width:95%; height:auto; margin:20px auto; } .yang_car_zigbee_info{ width:100%; height:auto; float:left; } .yang_car_zigbee_info p{ font-size:20px; font-weight:bold; margin-top:20px; } .yang_car_zigbee_info ul{ width:95%; float:left; font-size:16px; height:auto; margin:0 0 20px 0;} .yang_car_zigbee_info li{ width:100%; float:left; background: url(../images/wireless/go.png) no-repeat left 5px; padding-left:20px; line-height:26px; } .yang_car_zigbee_info ul li span{ color: #0078c6; } .yang_car_zigbee>div:last-child li:last-child{ margin-bottom:40px; } .yang_car_onsite{ width:320px; height:214px; margin:20px auto 40px auto; } .yang_car_onsite li{ width:106px; height:106px; float:left; } .yang_car_onsite img{ width:106px; height:106px; } .ct_on_h3{ font-size:20px; color:#333; line-height:32px; font-weight:normal; text-align:left; width:320px; margin:0 auto 10px auto; } .ct_on_p{ font-size:16px; color:#333; text-align:left; width:320px; margin:0 auto; } .content .yang_card_accessories>div{ width:100%; height:260px; float:left; } .content .yang_card_accessories img{ width:320px; height:192px; } .content .yang_card_accessories p{ margin-top:25px;} .yang_car_laboratory{ width:320px; height:2300px; margin:20px auto 50px auto; } .yang_car_laboratory li{ width:300px; height:225px; float:left; margin:20px 10px 10px 10px; } .yang_car_laboratory li img{ width:300px; height:169px; border:4px solid #cbd4e0; } .yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; } .yang_car_laboratory li p{ color:#666666; } .plin4a p{ font-size:14px !important; line-height:22px; } .plin4b p{ font-size:14px !important; line-height:26px; } .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:#83b31d; 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:46px 0 20px 0; } .row2 .col-lg-6 h3{ margin:0px 0 7px 0; } .row2 .col-lg-6 h3 a{ line-height:26px; } .row2 .col-lg-6 p{ font-size:12px; line-height:22px; color:#b3b3b3; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:103px; float:left; margin-bottom:15px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:65%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:30%; height:auto; float:left; margin-right:15px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:5px 0px 0px 0px; float:left; } .row2 .col-video{ width:335px; height:auto; } .row2 .col-video h3{ font-size:18px; line-height:24px; margin-top:20px; } .row2 .col-video img { width:100%; height:auto; } .main_pro_nav{ width:345px; height:auto; float:left; margin:20px 0px 20px 12px; } .main_pro_nav_list{ width:345px; height:auto; } .main_pro_nav_list_2{ width:345px; height:auto; float:left; border-top:#e8e8e8 1px solid; padding-top:20px; } .main_pro_nav_list_p{ font-size:22px; line-height:36px; width:345px; height:auto; float:left; padding-left:0px; margin-bottom:5px; } .main_pro_nav_list_dl{ width:345px; height:auto; float:left; padding-left:0px; } .main_pro_nav_list_dl dl:first-child{ width:155px; margin-left:0px; } .main_pro_nav_list_dl dl{ float:left; width:180px; padding-bottom:5px; margin:0 0 10px 10px; } .main_pro_nav_list dl dt{ width:100%; height:35px; font-size:16px; font-weight:normal; line-height:32px; float:left; } .main_pro_nav_list_dl dd{ height:30px; line-height:28px; width:100%; float:left; font-size:12px; color:#9a9a9a !important; } .main_pro_nav_list dl dd a{ color:#83b31d; font-size:16px; margin:0px; } } @media (min-width: 400px) { .content .pro_describe{ width:350px; height:auto; position:relative; margin:40px auto 0px auto; text-align:center; } .content .pro_describe h2{ font-size:24px; } .content .pro_describe .tit{ font-size:18px; color:#666666; padding-bottom:0px; } .content .pro_describe .tit_type{ color:#83b31d; } .content .pro_describe p{ color:#5a5a5a; line-height:28px; } .content .pro_describe2{ width:350px; height:auto; margin:0 auto; position:relative; top:260px; } .content .pro_describe2 .ico{ width:350px; height:33px; } .content .pro_lunbo{ width:360px; height:505px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:1px; } .content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:350px; height:254px; } .content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; } .content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; } .content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:60px; height:46px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:57px; height:41px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; } .content .pro_lunbo2{ width:360px; height:659px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo3{ width:360px; height:555px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8{ width:360px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; } .content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; } .content .pro_lunbo8>ul>li{ width:60px; height:46px; margin:5px 8px; cursor:pointer; border:2px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo8>ul>li>img{ width:57px; height:41px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; } .content .pro_describe8{ width:350px; height:auto; margin:0 auto; float:left; } .content .pro_describe8 .ico{ width:350px; height:33px; } .yang_car_zigbee{ width:95%; height:auto; margin:20px auto; } .yang_car_zigbee_info{ width:100%; height:auto; float:left; } .yang_car_zigbee_info p{ font-size:20px; font-weight:bold; margin-top:20px; } .yang_car_zigbee_info ul{ width:95%; float:left; font-size:16px; height:auto; margin:0 0 20px 0;} .yang_car_zigbee_info li{ width:100%; float:left; background: url(../images/wireless/go.png) no-repeat left 5px; padding-left:20px; line-height:28px; } .yang_car_zigbee_info ul li span{ color:#0078c6; } .yang_car_zigbee>div:last-child li:last-child{ margin-bottom:40px; } .yang_car_onsite{ width:365px; height:245px; margin:20px auto 40px auto; } .yang_car_onsite li{ width:120px; height:120px; float:left; } .yang_car_onsite img{ width:120px; height:120px; } .ct_on_h3{ font-size:20px; color:#333; line-height:32px; font-weight:normal; text-align:left; width:365px; margin:0 auto 10px auto; } .ct_on_p{ font-size:16px; color:#333; text-align:left; width:365px; margin:0 auto; } .content .yang_card_accessories>div{ width:100%; height:270px; float:left; } .content .yang_card_accessories img{ width:335px; height:200px; } .content .yang_card_accessories p{ margin-top:28px; } .yang_car_laboratory{ width:360px; height:2450px; margin:20px auto 50px auto; } .yang_car_laboratory li{ width:328px; height:240px; float:left; margin:20px 15px 10px 15px; } .yang_car_laboratory li img{ width:328px; height:184px; border:4px solid #cbd4e0; } .yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; } .yang_car_laboratory li p{ color:#666666; } .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:#83b31d; 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:12px; line-height:22px; color:#b3b3b3; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:105px; float:left; margin-bottom:15px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:65%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:30%; height:auto; float:left; margin-right:15px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:5px 0px 0px 0px; float:left; } .row2 .col-video{ width:360px; height:auto; } .row2 .col-video h3{ font-size:18px; line-height:26px; margin-top:20px; } .row2 .col-video img { width:100%; height:auto; } .main_pro_nav{ width:367px; height:auto; float:left; margin:25px 0px 25px 15px; } .main_pro_nav_list{ width:367px; height:auto; } .main_pro_nav_list_2{ width:367px; height:auto; float:left; border-top:#e8e8e8 1px solid; padding-top:20px; } .main_pro_nav_list_p{ font-size:22px; line-height:36px; width:367px; height:auto; float:left; padding-left:0px; } .main_pro_nav_list_dl{ width:367px; height:auto; float:left; padding-left:0px; } .main_pro_nav_list_dl dl:first-child{ width:165px; margin-left:0px; } .main_pro_nav_list_dl dl{ float:left; width:183px; padding-bottom:5px; margin:0 0 10px 19px; } .main_pro_nav_list dl dt{ width:100%; height:35px; font-size:16px; font-weight:normal; line-height:32px; float:left; } .main_pro_nav_list_dl dd{ height:30px; line-height:28px; width:100%; float:left; font-size:12px; color:#9a9a9a !important; } .main_pro_nav_list dl dd a{ color:#83b31d; font-size:16px; margin:0px; } } /*閽堝鍏ㄩ潰灞忓畨鍗?/ @media (min-width: 390px) { #allpro{ width:100%; height:auto; position:relative; overflow:hidden; background:#efefef; } #allpro h2{ font-size:20px; text-align:center; line-height:48px; margin:31px 20px 20px; } .allpro_mb{ width:100%; height:auto; margin:0 auto; } .allpro_mb_h{ width:100%; height:85px; float:left; } .allpro_mb_f{ width:100%; height:auto; float:left; margin-bottom:30px; } .allpro_mb_h ul{ width:100%; height:auto; float:left; padding:5px 18px; } .allpro_mb_h ul>li{ width:109px; height:40px; margin:5px 6px 5px 3px; padding:2px 2px 5px; font-size:14px; color:#000000; line-height:36px; cursor:pointer; text-align:center; float:left; background:#fff; border:1px solid #cdcdcd; } .allpro_mb_h .activity{ color:#fff; background:#8fc31f; border:1px solid #8fc31f; } .allpro_mb_f ol>li{ width:100%; height:auto; display:none; } .allpro_mb_f ul{ width:100%; height:auto; float:left; padding:5px 22px; } .allpro_mb_f ul>li{ width:165px; height:180px; float:left; margin:0 15px 10px 0px; } .allpro_mb_f ul>li>a>img{width:165px; height:138px; } .allpro_mb_f ul>li:nth-child(even){ margin-right:0px; } .allpro_mb_f ul>li p{ font-size:14px; color:#000000; line-height:18px; text-align:center; margin-top:12px; } .allpro_mb_f .activity{ display:block; } } @media (min-width: 400px) { #allpro{ width:100%; height:auto; position:relative; overflow:hidden; background:#efefef; } #allpro h2{ font-size:20px; text-align:center; line-height:48px; margin:31px 20px 20px; } .allpro_mb{ width:100%; height:auto; margin:0 auto; } .allpro_mb_h{ width:100%; height:85px; float:left; } .allpro_mb_f{ width:100%; height:auto; float:left; margin-bottom:30px; } .allpro_mb_h ul{ width:100%; height:auto; float:left; padding:5px 15px 5px 18px; } .allpro_mb_h ul>li{ width:111px; height:40px; margin:5px 8px 5px 3px; padding:2px 2px 5px; font-size:14px; color:#000000; line-height:36px; cursor:pointer; text-align:center; float:left; background:#fff; border:1px solid #cdcdcd; } .allpro_mb_h .activity{ color:#fff; background:#8fc31f; border:1px solid #8fc31f; } .allpro_mb_f ol>li{ width:100%; height:auto; display:none; } .allpro_mb_f ul{ width:100%; height:auto; float:left; padding:5px 22px; } .allpro_mb_f ul>li{ width:170px; height:184px; float:left; margin:0 15px 10px 0px; } .allpro_mb_f ul>li>a>img{width:170px; height:142px; } .allpro_mb_f ul>li:nth-child(even){ margin-right:0px; } .allpro_mb_f ul>li p{ font-size:14px; color:#000000; line-height:18px; text-align:center; margin-top:12px; } .allpro_mb_f .activity{ display:block; } } /*閽堝iphone6s plus*/ @media (min-width: 410px) { #allpro{ width:100%; height:auto; position:relative; overflow:hidden; background:#efefef; } #allpro h2{ font-size:20px; text-align:center; line-height:48px; margin:31px 20px 20px; } .allpro_mb{ width:100%; height:auto; margin:0 auto; } .allpro_mb_h{ width:100%; height:85px; float:left; } .allpro_mb_f{ width:100%; height:auto; float:left; margin-bottom:30px; } .allpro_mb_h ul{ width:100%; height:auto; float:left; padding:5px 15px 5px 18px; } .allpro_mb_h ul>li{ width:111px; height:40px; margin:5px 8px 5px 3px; padding:2px 2px 5px; font-size:14px; color:#000000; line-height:36px; cursor:pointer; text-align:center; float:left; background:#fff; border:1px solid #cdcdcd; } .allpro_mb_h .activity{ color:#fff; background:#8fc31f; border:1px solid #8fc31f; } .allpro_mb_f ol>li{ width:100%; height:auto; display:none; } .allpro_mb_f ul{ width:100%; height:auto; float:left; padding:5px 22px; } .allpro_mb_f ul>li{ width:170px; height:184px; float:left; margin:0 15px 10px 0px; } .allpro_mb_f ul>li>a>img{width:170px; height:142px; } .allpro_mb_f ul>li:nth-child(even){ margin-right:0px; } .allpro_mb_f ul>li p{ font-size:14px; color:#000000; line-height:18px; text-align:center; margin-top:12px; } .allpro_mb_f .activity{ display:block; } .content .pro_describe{ width:350px; height:auto; position:relative; margin:40px auto 0px auto; text-align:center; } .content .pro_describe h2{ font-size:24px; } .content .pro_describe .tit{ font-size:18px; color:#666666; padding-bottom:0px; } .content .pro_describe .tit_type{ color:#83b31d; } .content .pro_describe p{ color:#5a5a5a; line-height:28px; } .content .pro_describe2{ width:350px; height:auto; margin:0 auto; position:relative; top:265px; } .content .pro_lunbo{ width:360px; height:510px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li{ padding-left:1px; } .content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:355px; height:259px; } .content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; } .content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p{ font-size:14px; color:#666; text-align:center; } .content .pro_lunbo>ul,.content .pro_lunbo2>ul{ position:absolute; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li{ width:65px; height:50px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo8>ul>li>img{ width:59px; height:43px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img{ width:62px; height:45px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current{ border:2px solid #83b31d; } .content .pro_lunbo2{ width:360px; height:664px; position:relative; margin:10px auto 20px auto; } .content .yang_card_accessories>div{ width:100%; height:290px; float:left; } .content .yang_card_accessories img{ width:350px; height:210px; } .content .yang_card_accessories p{ margin-top:35px; } .yang_car_onsite{ width:375px; height:251px; margin:20px auto 40px auto; } .yang_car_onsite li{ width:123px; height:123px; float:left; } .yang_car_onsite img{ width:123px; height:123px; } .ct_on_h3{ font-size:20px; color:#333; line-height:32px; font-weight:normal; text-align:left; width:375px; margin:0 auto 10px auto; } .ct_on_p{ font-size:16px; color:#333; text-align:left; width:375px; margin:0 auto; } .yang_car_laboratory{ width:375px; height:870px; margin:20px auto 50px auto; } .yang_car_laboratory li{ width:158px; height:139px; float:left; margin:25px 15px 10px 14px; } .yang_car_laboratory li img{ width:158px; height:87px; border:4px solid #cbd4e0; } .yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; } .yang_car_laboratory li p{ color:#666666; } .plin4b p{ font-size:14px !important; line-height:28px; } .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:12px; line-height:22px; color:#b3b3b3; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:105px; float:left; margin-bottom:20px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:65%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:30%; height:auto; float:left; margin-right:16px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:4px 0px 0px 0px; float:left; } .row2 .col-video{ width:374px; height:auto; } .row2 .col-video h3{ font-size:18px; line-height:26px; margin-top:20px; } .row2 .col-video img { width:100%; height:auto; } .main_pro_nav{ width:370px; height:auto; float:left; margin:30px 0px 30px 15px; } .main_pro_nav_list{ width:370px; height:auto; } .main_pro_nav_list_2{ width:370px; height:auto; float:left; border-top:#e8e8e8 1px solid; padding-top:20px; } .main_pro_nav_list_p{ font-size:22px; line-height:36px; width:370px; height:auto; float:left; padding-left:0px; } .main_pro_nav_list_dl{ width:372px; height:auto; float:left; padding-left:0px; } .main_pro_nav_list_dl dl:first-child{ width:166px; margin-left:0px; } .main_pro_nav_list_dl dl{ float:left; width:185px; padding-bottom:5px; margin:0 0 10px 19px; } .main_pro_nav_list dl dt{ width:100%; height:35px; font-size:16px; font-weight:normal; line-height:32px; float:left; } .main_pro_nav_list_dl dd{ height:30px; line-height:28px; width:100%; float:left; font-size:12px; color:#9a9a9a !important; } .main_pro_nav_list dl dd a{ color:#83b31d; font-size:16px; margin:0px; } } /*閽堝1440*2560鐨刟ndroid*/ @media (min-width: 480px) { #allpro{ width:100%; height:auto; position:relative; overflow:hidden; background:#efefef; } #allpro h2{ font-size:21px; text-align:center; line-height:48px; margin:42px 20px 15px; } .allpro_mb{ width:100%; height:auto; margin:0 auto; } .allpro_mb_h{ width:100%; height:93px; float:left; } .allpro_mb_f{ width:100%; height:auto; float:left; margin-bottom:32px; } .allpro_mb_h ul{ width:100%; height:auto; float:left; padding:5px 15px 5px 18px; } .allpro_mb_h ul>li{ width:130px; height:44px; margin:8px 12px 5px 5px; padding:2px 5px 5px; font-size:14px; color:#000000; line-height:38px; cursor:pointer; text-align:center; float:left; background:#fff; border:1px solid #cdcdcd; } .allpro_mb_h .activity{ color:#fff; background:#8fc31f; border:1px solid #8fc31f; } .allpro_mb_f ol>li{ width:100%; height:auto; display:none; } .allpro_mb_f ul{ width:100%; height:auto; float:left; padding:5px 22px; } .allpro_mb_f ul>li{ width:200px; height:230px; float:left; margin:0 25px 10px 0px; } .allpro_mb_f ul>li>a>img{width:200px; height:167px; } .allpro_mb_f ul>li:nth-child(even){ margin-right:0px; } .allpro_mb_f ul>li p{ font-size:14px; color:#000000; line-height:18px; text-align:center; margin-top:20px; } .allpro_mb_f .activity{ display:block; } } @media (min-width: 500px) { #allpro{ width:100%; height:auto; position:relative; overflow:hidden; background:#efefef; } #allpro h2{ font-size:22px; text-align:center; line-height:48px; margin:42px 20px 15px; } .allpro_mb{ width:100%; height:auto; margin:0 auto; } .allpro_mb_h{ width:100%; height:93px; float:left; } .allpro_mb_f{ width:100%; height:auto; float:left; margin-bottom:32px; } .allpro_mb_h ul{ width:100%; height:auto; float:left; padding:5px 18px; } .allpro_mb_h ul>li{ width:130px; height:44px; margin:8px 14px 5px 10px; padding:2px 5px 5px; font-size:14px; color:#000000; line-height:38px; cursor:pointer; text-align:center; float:left; background:#fff; border:1px solid #cdcdcd; } .allpro_mb_h .activity{ color:#fff; background:#8fc31f; border:1px solid #8fc31f; } .allpro_mb_f ol>li{ width:100%; height:auto; display:none; } .allpro_mb_f ul{ width:100%; height:auto; float:left; padding:5px 22px; } .allpro_mb_f ul>li{ width:200px; height:230px; float:left; margin:0 25px 10px 10px; } .allpro_mb_f ul>li>a>img{width:200px; height:167px; } .allpro_mb_f ul>li:nth-child(even){ margin-right:0px; } .allpro_mb_f ul>li p{ font-size:14px; color:#000000; line-height:18px; text-align:center; margin-top:20px; } .allpro_mb_f .activity{ display:block; } .content .pro_describe{ width:450px; height:auto; position:relative; margin:40px auto 0px auto; text-align:center; } .content .pro_describe h2{ font-size:24px; } .content .pro_describe .tit{ font-size:18px; color:#666666; padding-bottom:0px; } .content .pro_describe .tit_type{ color:#83b31d; } .content .pro_describe p{ color:#5a5a5a; line-height:28px; } .content .pro_describe2{ width:450px; height:auto; margin:0 auto; position:relative; top:340px; } .content .pro_describe2 .ico{ width:390px; height:37px; } .content .pro_describe2 p{ font-size:16px; text-align:center; } .content .pro_lunbo{ width:470px; height:575px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:3px; } .content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:450px; height:328px; } .content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; } .content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; } .content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; width:100%; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:70px; height:54px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:67px; height:48px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; } .content .pro_lunbo2{ width:470px; height:753px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo3{ width:470px; height:620px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8{ width:470px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; } .content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; } .content .pro_lunbo8>ul>li{ width:70px; height:54px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; margin-top:15px; } .content .pro_lunbo8>ul>li>img{ width:67px; height:48px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; } .content .pro_describe8{ width:450px; height:auto; margin:0 auto; float:left; } .content .pro_describe8 .ico{ width:390px; height:33px; } .content .pro_describe8 p{ font-size:16px; text-align:center; } .yang_card_pro{ width:100%; margin:0px; padding:0px; overflow:auto; } .yang_card_pro_list{ width:100%; max-width:1200px; margin:0px auto; padding:0px; } .yang_card_pro_list_ipc{ width:100%; max-width:1200px; margin:0px auto; padding:0px; } .yang_card_h4{ font-size:24px; color:#333; line-height:46px; margin:26px auto 5px auto; } .yang_card_h4_ipc{ font-size:24px; color:#333; line-height:46px; margin:26px auto 5px auto; } .ct_tit{ font-size:26px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto; } .ct_tit_ipc{ font-size:26px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto; } .ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; } .ct_p_ipc{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; } .ct_b1{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; } .ct_b2{ font-size:16px; color:#19699d; text-align:center; } .ct_b2 img{ margin-right:10px; } .ct_dt{ color:#dfdfdf; } .ct_ff{color:#ffffff;} .yang_car_onsite{ width:425px; height:288px; margin:20px auto 40px auto; } .yang_car_onsite li{ width:140px; height:140px; float:left; } .yang_car_onsite img{ width:140px; height:140px; } .ct_on_h3{ font-size:20px; color:#333; line-height:32px; font-weight:normal; text-align:left; width:425px; margin:0 auto 10px auto; } .ct_on_p{ font-size:16px; color:#333; text-align:left; width:425px; margin:0 auto; } .yang_car_laboratory{ width:460px; height:1000px; margin:20px auto 30px auto; } .yang_car_laboratory li{ width:178px; height:155px; float:left; margin:32px 25px 10px 25px; } .yang_car_laboratory li img{ width:178px; height:102px; border:4px solid #cbd4e0; } .yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; } .yang_car_laboratory li p{ color:#666666; } .plin4b p{ font-size:15px !important; line-height:26px; } .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:12px; line-height:22px; color:#b3b3b3; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:106px; float:left; margin-bottom:15px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:74%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:22%; height:auto; float:left; margin-right:16px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:4px 0px 0px 0px; float:left; } .row2 .col-video{ width:460px; height:auto; } .row2 .col-video h3{ font-size:18px; line-height:26px; margin-top:20px; } .row2 .col-video img { width:100%; height:auto; } .main_pro_nav{ width:464px; height:auto; float:left; margin:40px 0px 40px 17px; } .main_pro_nav_list{ width:464px; height:auto; } .main_pro_nav_list_2{ width:464px; height:auto; float:left; border-top:#e8e8e8 1px solid; padding-top:20px; } .main_pro_nav_list_p{ font-size:22px; line-height:36px; width:464px; height:auto; float:left; padding-left:2px; } .main_pro_nav_list_dl{ width:460px; height:auto; float:left; padding-left:2px; } .main_pro_nav_list_dl dl:first-child{ width:218px; margin-left:0px; } .main_pro_nav_list_dl dl{ float:left; width:218px; padding-bottom:5px; margin-left:21px; margin-right:0px; margin-bottom:10px; } .main_pro_nav_list dl dt{ width:100%; height:35px; font-size:16px; font-weight:normal; line-height:32px; float:left; } .main_pro_nav_list_dl dd{ height:30px; line-height:28px; width:100%; float:left; font-size:12px; color:#9a9a9a !important; } .main_pro_nav_list dl dd a{ color:#83b31d; font-size:16px; margin:0px; } } @media (min-width: 600px) { #allpro{ width:100%; height:auto; position:relative; overflow:hidden; background:#efefef; } #allpro h2{ font-size:26px; text-align:center; line-height:48px; margin:75px 20px 15px; } .allpro_mb{ width:100%; height:auto; margin:0 auto; } .allpro_mb_h{ width:100%; height:110px; float:left; } .allpro_mb_f{ width:100%; height:auto; float:left; margin-bottom:50px; } .allpro_mb_h ul{ width:100%; height:auto; float:left; padding:5px 18px; } .allpro_mb_h ul>li{ width:150px; height:44px; margin:8px 22px 5px 16px; padding:2px 5px 5px; font-size:14px; color:#000000; line-height:38px; cursor:pointer; text-align:center; float:left; background:#fff; border:1px solid #cdcdcd; } .allpro_mb_h .activity{ color:#fff; background:#8fc31f; border:1px solid #8fc31f; } .allpro_mb_f ol>li{ width:100%; height:auto; display:none; } .allpro_mb_f ul{ width:100%; height:auto; float:left; padding:5px 22px; } .allpro_mb_f ul>li{ width:250px; height:280px; float:left; margin:0 25px 10px 10px; } .allpro_mb_f ul>li>a>img{width:250px; height:208px; } .allpro_mb_f ul>li:nth-child(even){ margin-right:0px; } .allpro_mb_f ul>li p{ font-size:14px; color:#000000; line-height:18px; text-align:center; margin-top:23px; } .allpro_mb_f .activity{ display:block; } .content .pro_describe{ width:555px; height:auto; position:relative; margin:50px auto 0px auto; text-align:center; } .content .pro_describe h2{ font-size:26px; } .content .pro_describe .tit{ font-size:18px; color:#666666; padding-bottom:0px; } .content .pro_describe .tit_type{ color:#83b31d; } .content .pro_describe p{ color:#5a5a5a; line-height:28px; } .content .pro_describe2{ width:555px; height:auto; margin:0 auto; position:relative; top:420px; } .content .pro_lunbo{ width:565px; height:645px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:2px; } .content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:550px; height:401px; } .content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; } .content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; } .content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:90px; height:69px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:85px; height:61px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; } .content .pro_lunbo2{ width:565px; height:775px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo3{ width:565px; height:690px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8{ width:565px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; } .content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; } .content .pro_lunbo8>ul>li{ width:90px; height:69px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; margin-top:15px; } .content .pro_lunbo8>ul>li>img{ width:85px; height:61px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; } .content .pro_describe8{ width:555px; height:auto; margin:0 auto; float:left; } .yang_card_pro_choose{ width:95%; height:600px; margin:20px auto; } .yang_card_pro_choose_info{ width:100%; height:auto; float:left; } .yang_card_pro_application_info{ width:100%; height:auto; float:left; margin-bottom:20px; } .yang_card_pro_choose_info:last-child{ margin-bottom:40px; } .yang_card_pro_choose_info_1{ width:100%; height:65px; float:left; } .yang_card_pro_choose_info_2{ width:100%; height:80px; float:left; } .yang_card_pro_choose_info_3{ width:100%; height:auto; float:left; padding-top:25px; } .yang_card_pro_choose_info_4{ width:100%; height:60px; float:left; text-align:center; padding-top:5px; margin-top:15px; } .yang_card_pro_choose_info_4 a{ min-width:130px; font-size:14px; color:#018afb; border:1px solid #018afb; border-radius:5px; padding:5px 22px; display:inline-block; margin:0 6px; text-decoration:none; } .yang_card_pro_choose_info_4 a:hover{ background:#018afb; color:#fff; text-decoration:none; } .yang_card_pro_choose_info_2 ul{ width:98%; height:78px; border:1px solid #d7d7d7; margin:0 auto; } .yang_card_pro_choose_info_2 li{ width:33%; height:48px; float:left; text-align:center; color:#000; font-size:17px; border-right:1px solid #d7d7d7; margin:15px 0px; } .yang_card_pro_choose_info_2 li:last-child{ border-right:none; } .yang_card_pro_choose_info_2 li span{ color:#888888; font-size:12px; } .yang_card_pro_choose_info_1 p{ font-size:22px; color:#424242; line-height:66px; text-align:center; } .yang_card_pro_choose_info_2 a{ color:#333;text-decoration:none; } .yang_card_pro_choose_info_2 a:hover{ color:#018afb; } .yang_car_onsite{ width:560px; height:115px; margin:20px auto 40px auto; } .yang_car_onsite li{ width:112px; height:112px; float:left; } .yang_car_onsite img{ width:112px; height:112px; } .ct_on_h3{ font-size:20px; color:#333; line-height:32px; font-weight:normal; text-align:left; width:560px; margin:0 auto 10px auto; } .ct_on_p{ font-size:16px; color:#333; text-align:left; width:560px; margin:0 auto; } .content .yang_card_accessories{ width:100%; height:250px; margin-top:26px; text-align:center; } .content .yang_card_accessories>div{ width:50%; height:250px; float:left; } .content .yang_card_accessories img{ width:280px; height:168px; } .content .yang_card_accessories p{ margin-top:35px; } .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_ipc{ width:100%; max-width:1200px; margin:0px auto; padding:0px; } .yang_card_h4{ font-size:26px; color:#333; line-height:48px; margin:26px auto 5px auto; } .yang_card_h4_ipc{ font-size:26px; color:#333; line-height:48px; margin:26px auto 5px auto; } .ct_tit{ font-size:28px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto; } .ct_tit_ipc{ font-size:28px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto; } .ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; } .ct_p_ipc{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; } .ct_b1{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; } .ct_b2{ font-size:16px; color:#19699d; text-align:center; } .ct_b2 img{ margin-right:10px; } .ct_dt{ color:#dfdfdf; } .ct_ff{color:#ffffff;} .yang_car_laboratory{ width:560px; height:1100px; margin:20px auto 30px auto; } .yang_car_laboratory li{ width:218px; height:175px; float:left; margin:30px 30px 10px 30px; } .yang_car_laboratory li img{ width:218px; height:124px; border:4px solid #cbd4e0; } .yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; } .yang_car_laboratory li p{ color:#666666; } .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:0 0 18px 0; line-height:32px; } .row2 .col-lg-6 p{ font-size:14px; line-height:25px; color:#b3b3b3; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:106px; float:left; margin-bottom:15px; overflow:hidden; } .row2 .col-video{ width:560px; height:auto; } .row2 .col-video h3{ font-size:18px; line-height:26px; margin-top:20px; } .main_pro_nav{ width:565px; height:auto; float:left; margin:45px 0px 45px 18px; } .main_pro_nav_list{ width:565px; height:auto; } .main_pro_nav_list_2{ width:565px; height:auto; float:left; border-top:#e8e8e8 1px solid; padding-top:20px; } .main_pro_nav_list_p{ font-size:22px; line-height:36px; width:565px; height:auto; float:left; padding-left:2px; } .main_pro_nav_list_dl{ width:563px; height:auto; float:left; padding-left:2px; } .main_pro_nav_list_dl dl:first-child{ width:260px; } .main_pro_nav_list_dl dl{ float:left; width:260px; padding-bottom:5px; margin-left:0px; margin-right:20px; margin-bottom:10px; } .main_pro_nav_list dl dt{ width:100%; height:35px; font-size:16px; font-weight:normal; line-height:32px; float:left; } .main_pro_nav_list_dl dd{ height:30px; line-height:28px; width:100%; float:left; font-size:12px; color:#9a9a9a !important; } .main_pro_nav_list dl dd a{ color:#83b31d; font-size:16px; margin:0px; } } @media (min-width: 700px) { #allpro{ width:100%; height:auto; position:relative; overflow:hidden; background:#efefef; } #allpro h2{ font-size:30px; text-align:center; line-height:52px; margin:75px 20px 20px; } .allpro_mb{ width:100%; height:auto; margin:0 auto; } .allpro_mb_h{ width:100%; height:110px; float:left; } .allpro_mb_f{ width:100%; height:auto; float:left; margin-bottom:50px; } .allpro_mb_h ul{ width:100%; height:auto; float:left; padding:5px 18px; } .allpro_mb_h ul>li{ width:170px; height:44px; margin:8px 24px 5px 26px; padding:2px 5px 5px; font-size:14px; color:#000000; line-height:38px; cursor:pointer; text-align:center; float:left; background:#fff; border:1px solid #cdcdcd; } .allpro_mb_h .activity{ color:#fff; background:#8fc31f; border:1px solid #8fc31f; } .allpro_mb_f ol>li{ width:100%; height:auto; display:none; } .allpro_mb_f ul{ width:100%; height:auto; float:left; padding:5px 22px; } .allpro_mb_f ul>li{ width:290px; height:320px; float:left; margin:0 25px 10px 20px; } .allpro_mb_f ul>li>a>img{width:290px; height:242px; } .allpro_mb_f ul>li:nth-child(even){ margin-right:0px; } .allpro_mb_f ul>li p{ font-size:14px; color:#000000; line-height:18px; text-align:center; margin-top:25px; } .allpro_mb_f .activity{ display:block; } .content .pro_describe{ width:650px; height:auto; position:relative; margin:60px auto 0px auto; text-align:center; } .content .pro_describe h2{ font-size:30px; } .content .pro_describe .tit{ font-size:18px; color:#666666; padding-bottom:10px; } .content .pro_describe .tit_type{ color: #83b31d; } .content .pro_describe p{ color:#5a5a5a; line-height:28px; } .content .pro_describe2{ width:645px; height:auto; margin:0 auto; position:relative; top:495px; } .content .pro_lunbo{ width:670px; height:720px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:2px; } .content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:650px; height:474px; } .content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; } .content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; } .content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; } .content .pro_lunbo2{ width:670px; height:834px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo3{ width:670px; height:750px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8{ width:670px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; } .content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:25px; } .content .pro_lunbo8>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; margin-top:15px; } .content .pro_lunbo8>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; } .content .pro_describe8{ width:645px; height:auto; margin:0 auto; float:left; } .content .yang_card_accessories{ width:100%; height:280px; margin-top:26px; text-align:center; } .content .yang_card_accessories>div{ width:50%; height:280px; float:left; } .content .yang_card_accessories img{ width:335px; height:200px; } .content .yang_card_accessories p{ margin-top:35px; } .yang_car_onsite{ width:660px; height:135px; margin:20px auto 40px auto; } .yang_car_onsite li{ width:132px; height:132px; float:left; } .yang_car_onsite img{ width:132px; height:132px; } .ct_on_h3{ font-size:20px; color:#333; line-height:32px; font-weight:normal; text-align:left; width:660px; margin:0 auto 10px auto; } .ct_on_p{ font-size:16px; color:#333; text-align:left; width:660px; margin:0 auto; } .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_ipc{ width:100%; max-width:1200px; margin:0px auto; padding:0px; } .yang_card_h4{ font-size:26px; color:#333; line-height:48px; margin:26px auto 5px auto; } .yang_card_h4_ipc{ font-size:26px; color:#333; line-height:48px; margin:26px auto 5px auto; } .ct_tit{ font-size:32px; line-height:48px; color:#333; text-align:center; margin:50px auto 20px auto; } .ct_tit_ipc{ font-size:32px; line-height:48px; color:#333; text-align:center; margin:50px auto 20px auto; } .ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:30px; } .ct_p_ipc{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:30px; } .ct_b1{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; } .ct_b2{ font-size:16px; color:#19699d; text-align:center; } .ct_b2 img{ margin-right:10px; } .ct_dt{ color:#dfdfdf; } .ct_ff{color:#ffffff;} .yang_car_laboratory{ width:660px; height:600px; margin:20px auto 30px auto; } .yang_car_laboratory li{ width:168px; height:152px; float:left; margin:25px 25px 10px 25px; } .yang_car_laboratory li img{ width:168px; height:96px; border:4px solid #cbd4e0; } .yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; } .yang_car_laboratory li p{ color:#666666; } .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:140px; float:left; margin-bottom:25px; overflow:hidden; } .row2 .col-video{ width:662px; height:auto; margin-bottom:10px;} .row2 .col-video h3{ font-size:18px; line-height:26px; margin-top:20px; } .main_pro_nav{ width:655px; height:auto; float:left; margin:45px 0px 45px 18px; } .main_pro_nav_list{ width:655px; height:auto; } .main_pro_nav_list_2{ width:655px; height:auto; float:left; border-top:#e8e8e8 1px solid; padding-top:20px; } .main_pro_nav_list_p{ font-size:22px; line-height:40px; width:655px; height:auto; float:left; } .main_pro_nav_list_dl{ width:655px; height:auto; float:left; } .main_pro_nav_list_dl dl:first-child{ width:305px; } .main_pro_nav_list_dl dl{ float:left; width:305px; padding-bottom:5px; margin-left:0px; margin-right:20px; margin-bottom:10px; } .main_pro_nav_list dl dt{ width:100%; height:35px; font-size:16px; font-weight:normal; line-height:32px; float:left; } .main_pro_nav_list_dl dd{ height:30px; line-height:28px; width:100%; float:left; font-size:12px; color:#9a9a9a !important; } .main_pro_nav_list dl dd a{ color:#83b31d; font-size:16px; margin:0px; } } @media (min-width: 767px) { #allpro{ width:100%; height:auto; position:relative; overflow:hidden; background:#efefef; } #allpro h2{ font-size:30px; text-align:center; line-height:52px; margin:75px 20px 20px; } .allpro_mb{ width:100%; height:auto; margin:0 auto; } .allpro_mb_h{ width:100%; height:110px; float:left; } .allpro_mb_f{ width:100%; height:auto; float:left; margin-bottom:50px; } .allpro_mb_h ul{ width:100%; height:auto; float:left; padding:5px 18px; } .allpro_mb_h ul>li{ width:190px; height:44px; margin:8px 18px 5px 31px; padding:2px 5px 5px; font-size:14px; color:#000000; line-height:38px; cursor:pointer; text-align:center; float:left; background:#fff; border:1px solid #cdcdcd; } .allpro_mb_h .activity{ color:#fff; background:#8fc31f; border:1px solid #8fc31f; } .allpro_mb_f ol>li{ width:100%; height:auto; display:none; } .allpro_mb_f ul{ width:100%; height:auto; float:left; padding:5px 22px; } .allpro_mb_f ul>li{ width:290px; height:320px; float:left; margin:0 25px 10px 40px; } .allpro_mb_f ul>li>a>img{width:290px; height:242px; } .allpro_mb_f ul>li:nth-child(even){ margin-right:0px; } .allpro_mb_f ul>li p{ font-size:14px; color:#000000; line-height:18px; text-align:center; margin-top:25px; } .allpro_mb_f .activity{ display:block; } .content{ padding:0px 18px; } .content .pro_describe{ width:715px; height:auto; position:relative; margin:60px auto 0px auto; text-align:center; } .content .pro_describe h2{ font-size:32px; } .content .pro_describe .tit{ font-size:18px; color:#666666; padding-bottom:0px; } .content .pro_describe .tit_type{ color:#83b31d; } .content .pro_describe p{ color:#5a5a5a; line-height:28px; } .content .pro_describe2{ width:715px; height:auto; margin:0 auto; position:relative; top:530px; } .content .pro_describe2 p{ font-size:16px; text-align:center; } .content .pro_lunbo{ width:730px; height:768px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:2px; } .content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:715px; height:525px; } .content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; } .content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; } .content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; width:100%; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; } .content .pro_lunbo2{ width:730px; height:874px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo3{ width:730px; height:765px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8{ width:730px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; } .content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:25px; } .content .pro_lunbo8>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; margin-top:15px; } .content .pro_lunbo8>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; } .content .pro_describe8{ width:715px; height:auto; margin:0 auto; float:left; } .content .pro_describe8 p{ font-size:16px; text-align:center; } .content .yang_card_accessories{ width:100%; height:290px; margin-top:26px; text-align:center; } .content .yang_card_accessories>div{ width:50%; height:290px; float:left; } .content .yang_card_accessories img{ width:350px; height:210px; } .content .yang_card_accessories p{ margin-top:40px; } .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_ipc{ width:100%; max-width:1200px; margin:0px auto; padding:0px 0px 25px 0px; } .yang_card_h4{ font-size:24px; color:#333; line-height:46px; margin:26px auto 5px auto; } .yang_card_h4_ipc{ font-size:30px; color:#333; line-height:46px; margin:46px auto 13px auto; text-align:center; } .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; } .yang_car_onsite{ width:730px; height:150px; margin:20px auto 40px auto; } .yang_car_onsite li{ width:146px; height:146px; float:left; } .yang_car_onsite img{ width:146px; height:146px; } .ct_on_h3{ font-size:24px; color:#333333; line-height:32px; font-weight:normal; text-align:left; width:730px; margin:0 auto 10px auto; } .ct_on_p{ font-size:14px; color:#333333; text-align:left; width:730px; margin:0 auto; } .ct_tit{ font-size:32px; line-height:48px; color:#333; text-align:center; margin:38px auto 5px auto; } .ct_tit_ipc{ font-size:48px; line-height:80px; color:#333; text-align:center; margin:41px auto 7px auto; } .ct_t1{ font-size:28px; color:#333; line-height:30px; font-weight:normal; text-align:center; margin-bottom:20px; } .ct_p{ font-size:14px; color:#333333; line-height:30px; font-weight:normal; text-align:center; margin:0 50px 40px 50px;} .ct_p_ipc{ font-size:16px; color:#333333; line-height:32px; font-weight:normal; text-align:center; margin:0 70px 40px 70px;} .ct_b1{ font-size:14px; color:#333333; line-height:30px; font-weight:normal; text-align:center; margin-left:70px; margin-right:70px; } .ct_b2{ font-size:14px; color:#19699d; text-align:center; margin-left:70px; margin-right:70px; } .ct_b2 img{ margin-right:10px; } .ct_dt{ color:#dfdfdf; } .ct_ff{color:#ffffff;} .yang_car_laboratory{ width:720px; height:660px; margin:20px auto 30px auto; } .yang_car_laboratory li{ width:188px; height:162px; float:left; margin:25px 23px 10px 23px; } .yang_car_laboratory li img{ width:188px; height:107px; border:4px solid #cbd4e0; } .yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; } .yang_car_laboratory li p{ color:#666666; } .plin3,.plin4,.plin4a,.plin7,.plin8,.plin8b{ line-height:24px; } .wifimessage{ width:710px; height:160px; margin:0 auto; } .wifimessage2{ width:710px; height:160px; margin:0 auto; } .wifimessage dl,.wifimessage2 dl{ width:118px; height:160px; float:left; cursor:pointer; } .wifimessage dt,.wifimessage2 dt{ width:65px; height:98px; margin:0 auto; } .wifimessage dd,.wifimessage2 dd{ width:95px; height:40px; margin:0 auto; } .wifimessage dt img,.wifimessage2 dt img{ width:70px; height:105px; margin:0 auto; text-align:center; } .wifimessage dl p,.wifimessage2 dl p{ width:100px; border:1px solid #d6d6d6; line-height:25px; height:25px; font-size:0.8125em; text-align:center; overflow:hidden; color:#32312c; margin:0px auto; } .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:auto; } .row2 .col-video h3{ font-size:18px; line-height:26px; margin-top:20px; } .main_pro_nav{ width:720px; height:auto; float:left; margin:45px 0px 45px 18px; } .main_pro_nav_list{ width:720px; height:auto; } .main_pro_nav_list_2{ width:720px; height:auto; float:left; border-top:#e8e8e8 1px solid; padding-top:20px; } .main_pro_nav_list_p{ font-size:22px; line-height:40px; width:720px; height:auto; float:left; } .main_pro_nav_list_dl{ width:720px; height:auto; float:left; } .main_pro_nav_list_dl dl:first-child{ width:335px; } .main_pro_nav_list_dl dl{ float:left; width:335px; padding-bottom:5px; margin-left:0px; margin-right:20px; margin-bottom:10px; } .main_pro_nav_list dl dt{ width:100%; height:35px; font-size:16px; font-weight:normal; line-height:32px; float:left; } .main_pro_nav_list_dl dd{ height:30px; line-height:28px; width:100%; float:left; font-size:12px; color:#9a9a9a !important; } .main_pro_nav_list dl dd a{ color:#83b31d; font-size:16px; margin:0px; } } @media (min-width: 768px) { #allpro{ width:100%; height:1000px; position:relative; overflow:hidden; background:#efefef; } #allpro h2{ font-size:36px; text-align:center; line-height:48px; margin:80px 20px 60px; } .allpro_pc{ width:785px; height:632px; margin:0 auto; } .allpro_pc_l{ width:185px; height:640px; float:left; background:#fff; margin-right:5px; } .allpro_pc_r{ width:753px; height:800px; float:left; } .allpro_pc_l ul{ width:100%; height:auto; float:left; padding:0; } .allpro_pc_l ul>li{ width:100%; height:52px; padding:13px 25px; font-size:18px; color:#000000; line-height:26px; cursor:pointer; } .allpro_pc_l .activity{ color:#fff; background:#8fc31f; } .allpro_pc_r ol>li{ width:100%; height:auto; display:none; } .allpro_pc_r ul{ width:100%; height:auto; float:left; } .allpro_pc_r ul>li{ width:236px; height:266px; float:left; margin:0 0 0 13px; } .allpro_pc_r ul>li>p{ width:100%; font-size:14px; line-height:24px; color:#000000; position:absolute; bottom:24px; text-align:center; } .allpro_pc_r .activity{ display:block; } .allpro_pc_r .allpro_pc_li{ position:relative; } .allpro_pc_r .allpro_pc_r_content{ width:230px; height:193px; position:absolute; z-index:21; } .allpro_pc_r .allpro_pc_r_bg{ width:178px; height:148px; position:absolute; background-color: rgba(0, 0, 0, 0.7); z-index:22; display:none; text-align:center; } .allpro_pc_li a{ color:#000000; } .allpro_pc_li a:hover{ color:#8fc31f; } .allpro_pc_r #pp2r ul>li:nth-of-type(1) p{ bottom: 0px; } .allpro_pc_r #pp3r ul>li:nth-of-type(1) p{ bottom: 0px; } } @media (min-width: 770px) { .yang_car_zigbee{ width:90%; height:auto; margin:20px auto; } .yang_car_zigbee_info{ width:50%; height:auto; float:left; } .yang_car_zigbee_info p{ font-size:20px; margin-left:30px; font-weight:bold; } .yang_car_zigbee_info ul{ width:80%; float:left; font-size:16px; height:auto; margin:0 0 60px 30px; } .yang_car_zigbee_info li{ width:100%; float:left; background: url(../images/wireless/go.png) no-repeat left 5px; padding-left:20px; line-height:26px; } .yang_car_zigbee_info ul li span{ color: #0078c6; } .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 35px 35px 60px; } .row .col-lg-6:first-child { padding:0px 60px 35px 35px; } .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:33px; } .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:#83b31d; 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:320px; height:auto; } .row2 .col-video img { width:100%; height:auto; } .row2 .col-lg-6 p{ font-size:12px; line-height:25px; color:#b3b3b3; } .main_pro_nav{ width:735px; height:auto; float:left; margin:20px 0px 20px 10px; } .main_pro_nav_list{ width:735px; height:auto; } .main_pro_nav_list_2{ width:735px; height:auto; float:left; border-top:#e8e8e8 1px solid; padding-top:20px; } .main_pro_nav_list_p{ font-size:20px; line-height:32px; width:230px; height:auto; float:left; margin-bottom:0px; } .main_pro_nav_list_dl{ width:502px; height:auto; float:left; padding-left:0px; } .main_pro_nav_list_dl dl:first-child{ width:241px; } .main_pro_nav_list_dl dl{ float:left; width:241px; padding-bottom:10px; margin-right:10px; } .main_pro_nav_list dl dt{ width:100%; height:40px; font-size:18px; font-weight:normal; line-height:32px; float:left; } .main_pro_nav_list_dl dd{ height:22px; line-height:22px; width:100%; float:left; font-size:12px; color:#9a9a9a !important; } .main_pro_nav_list dl dd a{ color:#83b31d; font-size:14px; margin:0px; } } @media (min-width: 800px) { .content .pro_describe2{ width:725px; height:auto; margin:0 auto; position:relative; top:410px; } .content .pro_lunbo{ width:760px; height:644px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:90px; } .content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:553px; height:400px; } .content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; } .content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; } .content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; bottom:0px; left:0%; text-align:center; } .content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:80px; height:60px; margin:18px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:75px; height:55px; border-radius:8px; padding:0px 10px; } .content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; } .content .pro_lunbo2{ width:760px; height:750px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo3{ width:760px; height:640px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8{ width:760px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; } .content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:25px; } .content .pro_lunbo8>ul>li{ width:80px; height:60px; margin:18px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; margin-top:15px; } .content .pro_lunbo8>ul>li>img{ width:75px; height:55px; border-radius:8px; padding:0px 10px; } .content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; } .content .pro_describe8{ width:725px; height:auto; margin:0 auto; float:left; } .content .yang_card_accessories{ width:100%; height:290px; margin-top:26px; text-align:center; } .content .yang_card_accessories>div{ width:50%; height:290px; float:left; } .content .yang_card_accessories img{ width:350px; height:210px; } .content .yang_card_accessories p{ margin-top:40px; } .yang_car_onsite{ width:760px; height:155px; margin:20px auto 40px auto; } .yang_car_onsite li{ width:150px; height:150px; float:left; } .yang_car_onsite img{ width:150px; height:150px; } .ct_on_h3{ font-size:24px; color:#333333; line-height:32px; font-weight:normal; text-align:left; width:760px; margin:0 auto 10px auto; } .ct_on_p{ font-size:14px; color:#333333; text-align:left; width:760px; margin:0 auto; } .yang_car_laboratory{ width:750px; height:660px; margin:20px auto 30px auto; } .yang_car_laboratory li{ width:203px; height:170px; float:left; margin:25px 23px 10px 23px; } .yang_car_laboratory li img{ width:203px; height:115px; border:4px solid #cbd4e0; } .yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; } .yang_car_laboratory li p{ color:#666666; } .main_pro_nav{ width:760px; height:auto; float:left; margin:20px 0px 20px 15px; } .main_pro_nav_list{ width:760px; height:auto; } .main_pro_nav_list_2{ width:760px; height:auto; float:left; border-top:#e8e8e8 1px solid; padding-top:20px; } .main_pro_nav_list_p{ font-size:20px; line-height:32px; width:230px; height:auto; float:left; } .main_pro_nav_list_dl{ width:528px; height:auto; float:left; } .main_pro_nav_list_dl dl:first-child{ width:250px; } .main_pro_nav_list_dl dl{ float:left; width:250px; padding-bottom:10px; margin-right:12px; } .main_pro_nav_list dl dt{ width:100%; height:40px; font-size:18px; font-weight:normal; line-height:32px; float:left; } .main_pro_nav_list_dl dd{ height:22px; line-height:22px; width:100%; float:left; font-size:12px; color:#9a9a9a !important; } .main_pro_nav_list dl dd a{ color:#83b31d; font-size:14px; margin:0px; } .pro_intro{ width:100%; margin-top:0px; } .pro_intro_c{ width:750px; height:auto; margin:0 auto; padding-bottom:35px; } .pro_intro .pro_intro_c>.left { width:400px; height:auto; float:left; padding-top:57px; margin-bottom:20px; } .pro_intro .pro_intro_c>.left>ol>li { display:none; } .pro_intro .pro_intro_c>.left>ol>li:first-child { display:block; } .pro_intro .pro_intro_c>.left>ol>li>img { width:400px; height:290px; } .pro_intro .pro_intro_c .left .pro_intro_pic { width:390px; height:100px; float:left; } .pro_intro .pro_intro_c .left ul { width: 390px; height:80px; float:left;} .pro_intro .pro_intro_c .left ul>li { width:76px; height:60px; float:left; margin:10px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; } .pro_intro .pro_intro_c .left ul>li>img { width:60px; height:43px; border-radius:8px; } .pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; } .pro_intro .pro_intro_c .right { width:345px; height:auto; float:right; padding:47px 0px 30px 20px; } .pro_intro .pro_intro_c .right h2 { color:#333333; font-size:24px; line-height:34px; font-weight:normal; margin-bottom:8px; } .pro_intro .pro_intro_c .right p.tit { color:#666666; font-size:18px; line-height:28px; padding-bottom:0px; margin-bottom:10px; } .pro_intro .pro_intro_c .right p.tit span{ color:#83b31d; } .pro_intro .pro_intro_c .right p { color:#333333; line-height:28px; } .pro_intro .pro_intro_c .right ul.intro_list { margin-top:30px; } .pro_intro .pro_intro_c .right ul.intro_list li { color:#666; } } @media (min-width: 880px) { #allpro{ width:100%; height:990px; position:relative; overflow:hidden; background:#efefef; } .allpro_pc{ width:880px; height:632px; margin:0 auto; } .allpro_pc_l{ width:206px; height:740px; float:left; background:#fff; margin-right:10px; } .allpro_pc_r{ width:860px; height:780px; float:left; } .allpro_pc_l ul{ width:100%; height:auto; float:left; padding:0; } .allpro_pc_l ul>li{ width:100%; height:55px; padding:15px 25px; font-size:18px; color:#000000; line-height:26px; cursor:pointer; } .allpro_pc_l .activity{ color:#fff; background:#8fc31f; } .allpro_pc_r ol>li{ width:100%; height:auto; display:none; } .allpro_pc_r ul{ width:100%; height:auto; float:left; } .allpro_pc_r ul>li{ width:200px; height:260px; float:left; margin:0 0 0 15px; } .allpro_pc_r ul>li>p{ width:100%; font-size:14px; line-height:24px; color:#000000; position:absolute; bottom:24px; text-align:center; } .allpro_pc_r .activity{ display:block; } .allpro_pc_r .allpro_pc_li{ position:relative; } .allpro_pc_r .allpro_pc_r_content{ width:200px; height:180px; position:absolute; z-index:21; background: #ffffff; padding-top: 20px;} .allpro_pc_r .allpro_pc_r_bg{ width:200px; height:167px; position:absolute; background-color: rgba(0, 0, 0, 0.7); z-index:22; display:none; text-align:center; } .content .pro_lunbo{ width:850px; height:644px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:130px; } .content .pro_describe2{ width:800px; height:auto; margin:0 auto; position:relative; top:410px; } .content .pro_lunbo2{ width:850px; height:726px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo3{ width:850px; height:638px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8{ width:850px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_describe8{ width:800px; height:auto; margin:0 auto; float:left; } .content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:35px; } .yang_car_onsite{ width:750px; height:150px; margin:20px auto 30px auto; } .yang_car_onsite li{ width:150px; height:150px; float:left; } .yang_car_onsite img{ width:150px; height:150px; } .ct_on_h3{ font-size:24px; color:#333333; line-height:42px; font-weight:normal; text-align:left; width:850px; margin:0 auto; } .ct_on_p{ font-size:14px; color:#333333; text-align:left; width:850px; margin:0 auto; } .yang_car_laboratory{ width:832px; height:660px; margin:20px auto 30px auto; } .yang_car_laboratory li{ width:213px; height:175px; float:left; margin:30px 30px 10px 30px; } .yang_car_laboratory li img{ width:213px; height:121px; border:4px solid #cbd4e0; } .yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; } .yang_car_laboratory li p{ color:#666666; } .wifimessage{ width:760px; height:160px; margin:0 auto; } .wifimessage2{ width:760px; height:160px; margin:0 auto; } .wifimessage dl,.wifimessage2 dl{ width:126px; height:160px; float:left; cursor:pointer; } .wifimessage dt,.wifimessage2 dt{ width:70px; height:105px; margin:0 auto; } .wifimessage dd,.wifimessage2 dd{ width:95px; height:40px; margin:0 auto; } .wifimessage dt img,.wifimessage2 dt img{ width:70px; height:105px; margin:0 auto; text-align:center; } .wifimessage dl p,.wifimessage dl p{ width:100px; border:1px solid #d6d6d6; line-height:25px; height:25px; font-size:0.8125em; text-align:center; overflow:hidden; color:#32312c; margin:0px auto; } .yang_card_box{ padding-top:40px; } .row .col-lg-6 h2{ font-size:24px; } .row .col-lg-6 { min-height:1px; float:left; padding:0px 35px 40px 60px; } .row .col-lg-6:first-child { padding:0px 60px 40px 35px; } .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:#83b31d; 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:120px; 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; } .main_pro_nav{ width:830px; height:auto; float:left; margin:20px 0px 20px 15px; } .main_pro_nav_list{ width:830px; height:auto; } .main_pro_nav_list_2{ width:830px; height:auto; float:left; border-top:#e8e8e8 1px solid; padding-top:20px; } .main_pro_nav_list_p{ font-size:22px; line-height:32px; width:250px; height:auto; float:left; } .main_pro_nav_list_dl{ width:580px; height:auto; float:left; } .main_pro_nav_list_dl dl:first-child{ width:270px; } .main_pro_nav_list_dl dl{ float:left; width:270px; padding-bottom:10px; margin-right:20px; } .main_pro_nav_list dl dt{ width:100%; height:40px; font-size:18px; font-weight:normal; line-height:32px; float:left; } .main_pro_nav_list_dl dd{ height:22px; line-height:22px; width:100%; float:left; font-size:12px; color:#9a9a9a !important; } .main_pro_nav_list dl dd a{ color:#83b31d; font-size:14px; margin:0px; } .row2 .col-video{ width:380px; height:auto; } .row2 .col-video img { width:380px; height:auto; } .pro_intro{ width:100%; margin-top:0px; } .pro_intro_c{ width:830px; height:auto; margin:0 auto; padding-bottom: 35px; } .pro_intro .pro_intro_c>.left { width:400px; height:auto; float:left; padding-top:57px; margin-bottom:20px;} .pro_intro .pro_intro_c>.left>ol>li { display:none; } .pro_intro .pro_intro_c>.left>ol>li:first-child { display:block; } .pro_intro .pro_intro_c>.left>ol>li>img { width:400px; height:290px; } .pro_intro .pro_intro_c .left .pro_intro_pic { width:390px; height:100px; float:left; } .pro_intro .pro_intro_c .left ul { width: 390px; height:80px; float:left;} .pro_intro .pro_intro_c .left ul>li { width:76px; height:60px; float:left; margin:10px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; } .pro_intro .pro_intro_c .left ul>li>img { width:60px; height:43px; border-radius:8px; } .pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; } .pro_intro .pro_intro_c .right { width:425px; height:auto; float:right; padding:47px 0px 30px 20px; } .pro_intro .pro_intro_c .right h2 { color:#333333; font-size:24px; line-height:34px; font-weight:normal; margin-bottom:8px; } .pro_intro .pro_intro_c .right p.tit { color:#666666; font-size:18px; line-height:28px; padding-bottom:0px; margin-bottom:10px; } .pro_intro .pro_intro_c .right p.tit span{ color:#83b31d; } .pro_intro .pro_intro_c .right p { color:#333333; line-height:28px; } .pro_intro .pro_intro_c .right ul.intro_list { margin-top:30px; } .pro_intro .pro_intro_c .right ul.intro_list li { color:#666; } } @media (min-width: 980px) { #allpro{ width:100%; height:1060px; position:relative; overflow:hidden; background:#efefef; } .allpro_pc{ width:980px; height:832px; margin:0 auto; } .allpro_pc_l{ width:231px; height:445px; float:left; background:#fff; margin-right:14px; } .allpro_pc_r{ width:960px; height:830px; float:left; } .allpro_pc_l ul{ width:100%; height:auto; float:left; padding:0; } .allpro_pc_l ul>li{ width:100%; height:55px; padding:15px 25px; font-size:18px; color:#000000; line-height:26px; cursor:pointer; } .allpro_pc_l .activity{ color:#fff; background:#8fc31f; } .allpro_pc_r ol>li{ width:100%; height:auto; display:none; } .allpro_pc_r ul{ width:100%; height:auto; float:left; } .allpro_pc_r ul>li{ width:216px; height:284px; float:left; margin:0 0 0 23px; } .allpro_pc_r ul>li>p{ width:100%; font-size:14px; line-height:24px; color:#000000; position:absolute; bottom:24px; text-align:center; } .allpro_pc_r .activity{ display:block; } .allpro_pc_r .allpro_pc_li{ position:relative; } .allpro_pc_r .allpro_pc_r_content{ width:216px; height:210px; position:absolute; z-index:21; background: #ffffff; padding-top: 20px;} .allpro_pc_r .allpro_pc_r_bg{ width:222px; height:185px; position:absolute; background-color: rgba(0, 0, 0, 0.7); z-index:22; display:none; text-align:center; } .content .pro_lunbo{ width:950px; height:620px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:180px; } .content .pro_describe2{ width:900px; height:auto; margin:0 auto; position:relative; top:410px; } .content .pro_lunbo2{ width:950px; height:702px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo3{ width:950px; height:618px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8{ width:950px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_describe8{ width:900px; height:auto; margin:0 auto; float:left; } .content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:45px; } .yang_car_laboratory{ width:870px; height:660px; margin:20px auto 30px auto; } .yang_car_laboratory li{ width:218px; height:175px; float:left; margin:30px 35px 10px 35px; } .yang_car_laboratory li img{ width:218px; height:124px; border:4px solid #cbd4e0; } .yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; } .yang_car_laboratory li p{ color:#666666; } .yang_card_box{ padding-top:40px; } .row .col-lg-6 { min-height:1px; float:left; padding:0px 35px 40px 60px; } .row .col-lg-6:first-child { padding:0px 60px 40px 35px; } .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:#83b31d; 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:120px; 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; } .main_pro_nav{ width:930px; height:auto; float:left; margin:20px 0px 20px 15px; } .main_pro_nav_list{ width:930px; height:auto; } .main_pro_nav_list_2{ width:930px; height:auto; float:left; border-top:#e8e8e8 1px solid; padding-top:20px; } .main_pro_nav_list_p{ font-size:22px; line-height:32px; width:250px; height:auto; float:left; } .main_pro_nav_list_dl{ width:678px; height:auto; float:left; } .main_pro_nav_list_dl dl:first-child{ width:218px; } .main_pro_nav_list_dl dl{ float:left; width:218px; padding-bottom:10px; margin-right:8px; } .main_pro_nav_list dl dt{ width:100%; height:40px; font-size:18px; font-weight:normal; line-height:32px; float:left; } .main_pro_nav_list_dl dd{ height:22px; line-height:22px; width:100%; float:left; font-size:12px; color:#9a9a9a !important; } .main_pro_nav_list dl dd a{ color:#83b31d; font-size:14px; margin:0px; } .pro_intro{ width:100%; margin-top:0px; } .pro_intro_c{ width:925px; height:auto; margin:0 auto; padding-bottom:35px; } .pro_intro .pro_intro_c>.left { width:400px; height:auto; float:left; padding-top:57px; margin:0 0 20px 10px; } .pro_intro .pro_intro_c>.left>ol>li { display:none; } .pro_intro .pro_intro_c>.left>ol>li:first-child { display:block; } .pro_intro .pro_intro_c>.left>ol>li>img { width:400px; height:290px; } .pro_intro .pro_intro_c .left .pro_intro_pic { width:390px; height:100px; float:left; } .pro_intro .pro_intro_c .left ul { width: 390px; height:80px; float:left;} .pro_intro .pro_intro_c .left ul>li { width:76px; height:60px; float:left; margin:10px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; } .pro_intro .pro_intro_c .left ul>li>img { width:60px; height:43px; border-radius:8px; } .pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; } .pro_intro .pro_intro_c .right { width:440px; height:auto; float:right; padding:47px 0px 30px 20px; } .pro_intro .pro_intro_c .right h2 { color:#333333; font-size:24px; line-height:34px; font-weight:normal; margin-bottom:8px; } .pro_intro .pro_intro_c .right p.tit { color:#666666; font-size:18px; line-height:28px; padding-bottom:0px; margin-bottom:10px; } .pro_intro .pro_intro_c .right p.tit span{ color:#83b31d; } .pro_intro .pro_intro_c .right p { color:#333333; line-height:28px; } .pro_intro .pro_intro_c .right ul.intro_list { margin-top:30px; } .pro_intro .pro_intro_c .right ul.intro_list li { color:#666; } } /*閽堝iPad Pro SIZE 12.9*/ @media (min-width: 1023px) { .content{ padding:25px 0px 25px 0px; } .content .pro_lunbo{ width:990px; height:620px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:200px; } .content .pro_describe2{ width:940px; height:auto; margin:0 auto; position:relative; top:410px; } .content .pro_lunbo2{ width:990px; height:702px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo3{ width:990px; height:618px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8{ width:990px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_describe8{ width:940px; height:auto; margin:0 auto; float:left; } .yang_card_pro_choose{ width:95%; height:600px; margin:40px auto; } .yang_card_pro_choose>div:first-child{ border-right:1px solid #d7d7d7; } .yang_card_pro_choose_info{ width:50%; height:600px; float:left; margin-bottom:0px; } .yang_card_pro_application_info{ width:50%; height:430px; float:left; } .yang_card_pro_choose_info_1{ width:100%; height:65px; float:left; } .yang_card_pro_choose_info_2{ width:100%; height:80px; float:left; } .yang_card_pro_choose_info_3{ width:100%; height:400px; float:left; padding-top:25px; } .yang_card_pro_choose_info_4{ width:100%; height:60px; float:left; text-align:center; padding-top:5px; } .yang_card_pro_choose_info_4 a{ min-width:130px; font-size:14px; color:#018afb; border:1px solid #018afb; border-radius:5px; padding:5px 22px; display:inline-block; margin:0 6px; text-decoration:none; } .yang_card_pro_choose_info_4 a:hover{ background:#018afb; color:#fff; text-decoration:none; } .yang_card_pro_choose_info_2 ul{ width:440px; height:78px; border:1px solid #d7d7d7; margin:0 auto; } .yang_card_pro_choose_info_2 li{ width:145px; height:48px; float:left; text-align:center; color:#000; font-size:17px; border-right:1px solid #d7d7d7;margin:15px 0px; } .yang_card_pro_choose_info_2 li:last-child{ border-right:none; } .yang_card_pro_choose_info_2 li span{ color:#888888; font-size:12px; } .yang_card_pro_choose_info_1 p{ font-size:30px; color:#424242; line-height:66px; text-align:center; } .yang_card_pro_choose_info_2 a{ color:#333; text-decoration:none; } .yang_card_pro_choose_info_2 a:hover{ color:#018afb; } .yang_card_box{ padding-top:50px; } .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:#83b31d; 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:120px; 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; } .main_pro_nav{ width:975px; height:auto; float:left; margin:20px 0px 20px 15px; } .main_pro_nav_list{ width:970px; height:auto; } .main_pro_nav_list_2{ width:970px; height:auto; float:left; border-top:#e8e8e8 1px solid; padding-top:20px; } .main_pro_nav_list_p{ font-size:22px; line-height:32px; width:250px; height:auto; float:left; } .main_pro_nav_list_dl{ width:720px; height:auto; float:left; } .main_pro_nav_list_dl dl:first-child{ width:228px; } .main_pro_nav_list_dl dl{ float:left; width:228px; padding-bottom:10px; margin-right:12px; } .main_pro_nav_list dl dt{ width:100%; height:40px; font-size:18px; font-weight:normal; line-height:32px; float:left; } .main_pro_nav_list_dl dd{ height:22px; line-height:22px; width:100%; float:left; font-size:12px; color:#9a9a9a !important; } .main_pro_nav_list dl dd a{ color:#83b31d; font-size:14px; margin:0px; } } @media (min-width: 1024px) { #allpro{ width:100%; height:1060px; position:relative; overflow:hidden; background:#efefef; } .allpro_pc{ width:1024px; height:860px; margin:0 auto; } .allpro_pc_l{ width:240px; height:474px; float:left; background:#fff; margin-right:15px; } .allpro_pc_r{ width:1018px; height:860px; float:left; } .allpro_pc_l ul{ width:100%; height:auto; float:left; padding:0; } .allpro_pc_l ul>li{ width:100%; height:55px; padding:15px 25px; font-size:18px; color:#000000; line-height:26px; cursor:pointer; } .allpro_pc_l .activity{ color:#fff; background:#8fc31f; } .allpro_pc_r ol>li{ width:100%; height:auto; display:none; } .allpro_pc_r ul{ width:100%; height:auto; float:left; } .allpro_pc_r ul>li{ width:238px; height:288px; float:left; margin:0 0 0 14px; } .allpro_pc_r ul>li>p{ width:100%; font-size:14px; line-height:24px; color:#000000; position:absolute; bottom:24px; text-align:center; } .allpro_pc_r .activity{ display:block; } .allpro_pc_r .allpro_pc_li{ position:relative; } .allpro_pc_r .allpro_pc_r_content{ width: 218px; height: 212px; position:absolute; z-index:21; } .allpro_pc_r .allpro_pc_r_bg{ width:230px; height:192px; position:absolute; background-color: rgba(0, 0, 0, 0.7); z-index:22; display:none; text-align:center; } .allpro_pc_r #pp1r ul>li:nth-of-type(1) p { bottom: 24px;} } @media (min-width: 1080px) { #allpro{ width:100%; height:1080px; position:relative; overflow:hidden; background:#efefef; } .allpro_pc{ width:1080px; height:870px; margin:0 auto; } .allpro_pc_l{ width:252px; height:560px; float:left; background:#fff; margin-right:18px; } .allpro_pc_r{ width:1060px; height:870px; float:left; } .allpro_pc_l ul{ width:100%; height:auto; float:left; padding:0; } .allpro_pc_l ul>li{ width:100%; height:60px; padding:18px 25px; font-size:18px; color:#000000; line-height:26px; cursor:pointer; } .allpro_pc_l .activity{ color:#fff; background:#8fc31f; } .allpro_pc_r ol>li{ width:100%; height:auto; display:none; } .allpro_pc_r ul{ width:100%; height:auto; float:left; } .allpro_pc_r ul>li{ width:243px; height:294px; float:left; margin:0 0 0 22px; } .allpro_pc_r ul>li>p{ width:100%; font-size:14px; line-height:24px; color:#000000; position:absolute; bottom:24px; text-align:center; } .allpro_pc_r .activity{ display:block; } .allpro_pc_r .allpro_pc_li{ position:relative; } .allpro_pc_r .allpro_pc_r_content{ width:230px; height:220px; position:absolute; z-index:21; background: #ffffff; padding-top: 20px;} .allpro_pc_r .allpro_pc_r_bg{ width:244px; height:203px; position:absolute; background-color: rgba(0, 0, 0, 0.7); z-index:22; display:none; text-align:center; } .allpro_pc_r #pp2r ul>li:nth-of-type(1) p{bottom: 0px; } .allpro_pc_r #pp3r ul>li:nth-of-type(1) p{bottom: 0px; } .content .pro_lunbo{ width:1050px; height:620px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:230px; } .content .pro_describe2{ width:1000px; height:auto; margin:0 auto; position:relative; top:410px; } .content .pro_lunbo2{ width:1050px; height:701px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo3{ width:1050px; height:615px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8{ width:1050px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_describe8{ width:1000px; height:auto; margin:0 auto; float:left; } .main_pro_nav{ width:1033px; height:auto; float:left; margin:20px 0px 20px 15px; } .main_pro_nav_list{ width:1033px; height:auto; } .main_pro_nav_list_2{ width:1030px; height:auto; float:left; border-top:#e8e8e8 1px solid; padding-top:20px; } .main_pro_nav_list_p{ font-size:22px; line-height:32px; width:260px; height:auto; float:left; } .main_pro_nav_list_dl{ width:770px; height:auto; float:left; } .main_pro_nav_list_dl dl{ float:left; width:241px; padding-bottom:10px; margin-right:15px; } .main_pro_nav_list dl dt{ width:100%; height:40px; font-size:18px; font-weight:normal; line-height:32px; float:left; } .main_pro_nav_list_dl dd{ height:22px; line-height:22px; width:100%; float:left; font-size:12px; color:#9a9a9a !important; } .main_pro_nav_list dl dd a{ color:#83b31d; font-size:14px; margin:0px; } .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:#83b31d; 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:120px; 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_intro{ width:100%; margin-top:0px; } .pro_intro_c{ width:1000px; height:auto; margin:0 auto; padding-bottom:35px; } .pro_intro .pro_intro_c>.left { width:400px; height:auto; float:left; padding-top:57px; margin:0 75px 20px 30px; } .pro_intro .pro_intro_c>.left>ol>li { display:none; } .pro_intro .pro_intro_c>.left>ol>li:first-child { display:block; } .pro_intro .pro_intro_c>.left>ol>li>img { width:400px; height:290px; } .pro_intro .pro_intro_c .left .pro_intro_pic { width:390px; height:100px; float:left; } .pro_intro .pro_intro_c .left ul { width: 390px; height:80px; float:left;} .pro_intro .pro_intro_c .left ul>li { width:76px; height:60px; float:left; margin:10px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; } .pro_intro .pro_intro_c .left ul>li>img { width:60px; height:43px; border-radius:8px; } .pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; } .pro_intro .pro_intro_c .right { width:490px; height:auto; float:left; padding:47px 0px 30px 20px; } .pro_intro .pro_intro_c .right h2 { color:#333333; font-size:24px; line-height:34px; font-weight:normal; margin-bottom:8px; } .pro_intro .pro_intro_c .right p.tit { color:#666666; font-size:18px; line-height:28px; padding-bottom:0px; margin-bottom:10px; } .pro_intro .pro_intro_c .right p.tit span{ color:#83b31d; } .pro_intro .pro_intro_c .right p { color:#333333; line-height:28px; } .pro_intro .pro_intro_c .right ul.intro_list { margin-top:30px; } .pro_intro .pro_intro_c .right ul.intro_list li { color:#666; } } @media (min-width: 1200px) { #allpro{ width:100%; height:1230px; position:relative; overflow:hidden; background:#efefef; } .allpro_pc{ width:1200px; height:1032px; margin:0 auto; } .allpro_pc_l{ width:290px; height:554px; float:left; background:#fff; margin-right:18px; } .allpro_pc_r{ width:1200px; height:990px; float:left; } .allpro_pc_l ul{ width:100%; height:auto; float:left; padding:0; } .allpro_pc_l ul>li{ width:100%; height:70px; padding:24px 25px; font-size:18px; color:#000000; line-height:26px; cursor:pointer; } .allpro_pc_l .activity{ color:#fff; background:#8fc31f; } .allpro_pc_r ol>li{ width:100%; height:auto; display:none; } .allpro_pc_r ul{ width:100%; height:auto; float:left; } .allpro_pc_r ul>li{ width: 278px; height: 342px; float:left; margin:0 0 0 22px; } .allpro_pc_r ul>li>p{ width:100%; font-size:14px; line-height:24px; color:#000000; position:absolute; bottom:32px; text-align:center; } .allpro_pc_r .activity{ display:block; } .allpro_pc_r .allpro_pc_li{ position:relative; } .allpro_pc_r .allpro_pc_r_content{ width:270px; height:260px; position:absolute; z-index:21; background: #ffffff; padding-top: 20px; } .allpro_pc_r .allpro_pc_r_bg{ width:270px; height:220px; position:absolute; background-color: rgba(0, 0, 0, 0.7); z-index:22; display:none; text-align:center; } .allpro_pc_r #pp2r ul>li:nth-of-type(1) p{bottom: 8px;} .allpro_pc_r #pp3r ul>li:nth-of-type(1) p{bottom: 32px;} .allpro_pc_r #pp1r ul>li:nth-of-type(1) p { bottom: 32px;} .content .pro_lunbo{ width:1170px; height:620px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:290px; } .content .pro_describe2{ width:1140px; height:auto; margin:0 auto; position:relative; top:410px; } .content .pro_lunbo2{ width:1170px; height:677px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo3{ width:1170px; height:595px; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo8{ width:1170px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_describe8{ width:1140px; height:auto; margin:0 auto; float:left; } .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 35px 60px 60px; } .row .col-lg-6:first-child { padding:0px 60px 60px 35px; } .row .col-lg-6 h2{ font-size:24px; 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; } .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:#83b31d; 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:120px; 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; } .main_pro_nav{ width:1160px; height:auto; float:left; margin:20px 0px 20px 15px; } .main_pro_nav_list{ width:1160px; height:auto;} .main_pro_nav_list_2{ width:1160px; height:auto; float:left; border-top:#e8e8e8 1px solid; padding-top:20px;} .main_pro_nav_list_p{ font-size:22px; line-height:32px; width:280px; height:auto; float:left; padding-left:2px;} .main_pro_nav_list_dl{ width:880px; height:auto; float:left; } .main_pro_nav_list_dl dl:first-child{ width:270px; } .main_pro_nav_list_dl dl{ float:left; width:270px; padding-bottom:10px; margin-right:20px; } .main_pro_nav_list dl dt{ width:100%; height:40px; font-size:18px; font-weight:normal; line-height:32px; float:left; } .main_pro_nav_list_dl dd{ height:22px; line-height:22px; width:100%; float:left; font-size:12px; color:#9a9a9a !important; } .main_pro_nav_list dl dd a{ color:#83b31d; font-size:14px; margin:0px; } .pro_intro{ width:100%; margin-top:0px; } .pro_intro_c{ width:1178px; height:auto; margin:0 auto; padding-bottom:35px; } .pro_intro .pro_intro_c>.left { width:400px; height:auto; float:left; padding-top:57px; margin:0 90px 20px 60px; } .pro_intro .pro_intro_c>.left>ol>li { display:none; } .pro_intro .pro_intro_c>.left>ol>li:first-child { display:block; } .pro_intro .pro_intro_c>.left>ol>li>img { width:400px; height:290px; } .pro_intro .pro_intro_c .left .pro_intro_pic { width:390px; height:100px; float:left; } .pro_intro .pro_intro_c .left ul { width: 390px; height:80px; float:left;} .pro_intro .pro_intro_c .left ul>li { width:76px; height:60px; float:left; margin:10px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; } .pro_intro .pro_intro_c .left ul>li>img { width:60px; height:43px; border-radius:8px; } .pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; } .pro_intro .pro_intro_c .right { width:555px; height:auto; float:left; padding:47px 0px 30px 30px; } .pro_intro .pro_intro_c .right h2 { color:#333333; font-size:24px; line-height:34px; font-weight:normal; margin-bottom:8px; } .pro_intro .pro_intro_c .right p.tit { color:#666666; font-size:18px; line-height:28px; padding-bottom:0px; margin-bottom:10px; } .pro_intro .pro_intro_c .right p.tit span{ color:#83b31d; } .pro_intro .pro_intro_c .right p { color:#333333; line-height:28px; } .pro_intro .pro_intro_c .right ul.intro_list { margin-top:30px; } .pro_intro .pro_intro_c .right ul.intro_list li { color:#666; } } @media (min-width: 1300px) { #allpro{ width:100%; height:1230px; position:relative; overflow:hidden; background:#efefef; } .allpro_pc{ width:1200px; height:1032px; margin:0 auto; } .allpro_pc_l{ width:290px; height:560px; float:left; background:#fff; margin-right:18px; } .allpro_pc_r{ width:1200px; height:996px; float:left; } .allpro_pc_l ul{ width:100%; height:auto; float:left; padding:0; } .allpro_pc_l ul>li{ width:100%; height:70px; padding:24px 25px; font-size:18px; color:#000000; line-height:26px; cursor:pointer; } .allpro_pc_l .activity{ color:#fff; background:#8fc31f; } .allpro_pc_r ol>li{ width:100%; height:auto; display:none; } .allpro_pc_r ul{ width:100%; height:auto; float:left; } .allpro_pc_r ul>li{ width: 286px; height: 334px; float:left; margin:0 0 0 12px; } .allpro_pc_r ul>li>p{ width:100%; font-size:14px; line-height:24px; color:#000000; position:absolute; bottom:24px; text-align:center; } .allpro_pc_r .activity{ display:block; } .allpro_pc_r .allpro_pc_li{ position:relative; } .allpro_pc_r .allpro_pc_r_content{ width:274px; height:260px; position:absolute; z-index:21; background: #ffffff; padding-top: 20px; } .allpro_pc_r .allpro_pc_r_bg{ width:270px; height:220px; position:absolute; background-color: rgba(0, 0, 0, 0.7); z-index:22; display:none; text-align:center; } .allpro_pc_r #pp2r ul>li:nth-of-type(1) p{ bottom: 24px; } .allpro_pc_r #pp3r ul>li:nth-of-type(1) p{ bottom: 24px; } .allpro_pc_r #pp1r ul>li:nth-of-type(1) p { bottom: 24px; } }