@charset "utf-8"; html,body{ margin: 0; padding: 0; font-family: "微软雅黑";} body{ background-color: #f6f6f6;} img{ border: none;} ul,li{ list-style: none;} a{ outline: none;} /* 网站颜色修改 */ .bgcolor_modify{ background-color: #0c7ff2 !important;} .color_modify{ color: #0c7ff2 !important;} .brcolor_modify{ border: 1px solid #0c7ff2 !important;} svg path{ fill: #0c7ff2; /* 修改填充颜色 */ } /* 悬浮顶部 */ .fixedtopbox{ display: none; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 65px; box-shadow: 0 1px 10px #ddd; background-color: #fff; min-width: 1200px;} .fixedtopbox .fixedtop{ width: 1200px; margin: 0 auto; height: 65px;} .fixedtop .fixedtop_logo{ float: left; height: 40px; line-height: 40px; margin-top: 10px;} .fixedtop .fixedtop_logo img{ max-height: 100%; vertical-align: middle;} .fixedtop .fixedtop_name{ float: left; height: 45px; line-height: 45px; margin: 10px 0 0 15px; font-size: 18px; text-decoration: none; color: #111; font-weight: bold; overflow: hidden;} .fixedtop .fixedtop_ewm{ float: left; width: 14px; margin: 25px 0 0 10px; cursor: pointer; height: 14px; position: relative;} .fixedtop .fixedtop_ewm img{ width: 100%;} .fixedtop_erji{ display: none; position: absolute; top: 26px; left: -52.5px; box-shadow: 0 2px 10px #aaa; width: 100px; padding: 5px; background-color: #fff; height: 120px; border: 1px solid #eee;} .fixedtop_erji img{ width: 100px; display: block;} .fixedtop_erji span{ display: block; height: 20px; width: 100px; text-align: center; color: #333; font-size: 12px; line-height: 20px; overflow: hidden;} .fixedtop .fixedtop_ewm:hover .fixedtop_erji{ display: block;} .fixedtop .fixedtop_rel{ float: right; height: 45px; margin-top: 10px; overflow: hidden;} .fixedtop_rel .fixedtop_rel_img{ float: left; width: 38px; height: 45px; text-align: center; overflow: hidden; margin-right: 15px; position: relative;} .fixedtop_rel .fixedtop_rel_img img{ width: 17px; position: absolute; top: 12px; right: 3px;} .fixedtop_rel .fixedtop_rel_txt{ float: left; height: 45px; line-height: 55px; color: #333; font-size: 18px; overflow: hidden;} .fixedtop_but{ float: right; color: #fff; border: none; cursor: pointer; width: 130px; height: 40px; line-height: 40px; margin-top: 12.5px; font-size: 16px; padding: 0; border-radius: 4px;} .fixedtop_but img{ vertical-align: top; width: 30px; margin: 6px 0 0 0;} /* -----------------------公司动态页面----------------------- */ /* top */ .top_box{ width: 100%; min-width: 1200px; height: auto; background-color: #fff;} .top{ width: 1200px; height: 30px; margin: 0 auto; padding-top: 2px;} .top .top_rig{ float: right; height: 30px;} .top .top_rig .top_rig_sj{ float: left; height: 30px; cursor: pointer; position: relative;} .top_rig .top_rig_sj .top_rig_sj_1{ font-size: 12px; color: #333; height: 30px; overflow: hidden; line-height: 30px;} .top_rig .top_rig_sj .top_rig_sj_1 .sj_sj{ vertical-align: top; width: 15px; margin: 8px 5px 0 0;} .top_rig .top_rig_sj .top_rig_sj_1 .sj_xl{ vertical-align: top; width: 10px; margin: 10px 0 0 6px;} .top_rig_sj .top_rig_sj_2{ display: none; position: absolute; left: -20px; top: 30px; z-index: 9; width: 100px; height: auto; background-color: #fff; padding: 6px; box-shadow: 0 2px 10px #aaa; overflow: hidden;} .top_rig_sj .top_rig_sj_2 img{ width: 100px; display: block; height: 100px;} .top_rig_sj .top_rig_sj_2 p{ width: 100px; overflow: hidden; height: 20px; text-align: center; line-height: 20px; margin: 0; font-size: 12px; color: #333;} .top_rig .top_rig_sj:hover .top_rig_sj_2{ display: block;} .top .top_rig a{ float: left; font-size: 12px; color: #333; line-height: 30px; text-decoration: none; height: 30px; overflow: hidden; margin-left: 20px;} .top .top_rig a img{ vertical-align: top; width: 18px; margin: 7px 6px 0 0;} /* head */ .head_box{ width: 100%; min-width: 1200px; overflow: hidden; height: auto; background-color: #fff; padding-top: 5px;} .head_box .head{ width: 1200px; height: 70px; padding-bottom: 30px; overflow: hidden; margin: 0 auto;} .head .head_logo{ float: left; height: 70px; overflow: hidden; background-color: #fff; line-height: 65px;} .head .head_logo img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .head .head_txt{ float: left; height: 70px; max-width: 760px; overflow: hidden; margin-left: 20px;} .head_txt .head_txt_name{ height: 40px; text-decoration: none; max-width: 760px; line-height: 40px; font-size: 28px; color: #111; overflow: hidden;} .head_txt .head_txt_name2{ height: 20px; max-width: 760px; margin-top: 5px; line-height: 20px; font-size: 14px; color: #111; overflow: hidden;} .head .head_rel{ float: right; height: 70px; margin-top: 2px; overflow: hidden;} .head_rel .head_rel_img{ float: left; width: 38px; height: 70px; text-align: center; overflow: hidden; margin-right: 15px; position: relative;} .head_rel .head_rel_img img{ margin-top: 12px; position: absolute; top: 0; right: 0;} .rel_icon{ width: 40px; margin-top: 5px;} .head_rel .head_rel_txt{ float: left;} .head_rel .head_rel_txt div{ font-size: 20px; color: #1479d7; height: 40px; line-height: 40px;} .head_rel .head_rel_txt p{ font-size: 12px; color: #666; height: 20px; line-height: 20px; margin: 6px 0 0;} /* nav */ .navbox{ width: 100%; min-width: 1200px; height: 48px; background-color: #1479d7;} .nav{ width: 1200px; height: 48px; margin: 0 auto;} .nav .nav_yi{ position: relative; float: left; height: 48px; cursor: pointer; width: 95px; margin-right: 5px; text-align: center;} .nav .nav_yi .nav_yi_a{ color: #fff; display: inline-block; height: 40px; line-height: 48px;} .nav .nav_yi .nav_yi_a img{ vertical-align: top; width: 10px; margin: 19px 0 0 8px;} .nav a{ float: left; height: 48px; width: 95px; margin-right: 5px; text-align: center; text-decoration: none;} .nav a span{ color: #fff; display: inline-block; height: 40px; line-height: 48px;} .nav a:hover span{ border-bottom: 2px solid #fff; line-height: 40px;} .nav .nav_yi:hover .nav_yi_a{ border-bottom: 2px solid #fff; line-height: 40px;} .nav .nav_yi:hover .nav_yi_a img{ margin-top: 15px;} .nav_er{ display: none; position: absolute; z-index: 8; top: 48px; left: -200px; margin: 0; width: 1152px; height: auto; padding: 24px 24px 9px; background-color: #fff; box-shadow: 0px 4px 12px 1px rgba(0, 0, 0, 0.14);} .nav_er li{ float: left; height: 20px; line-height: 20px; margin: 0 22px 15px 0; overflow: hidden;} .nav_er li a{ display: block; height: 20px; width: auto; line-height: 20px; overflow: hidden; color: #333; font-size: 14px;} .nav_er li a:hover{ color: #1479d7;} .nav .nav_yi:hover .nav_er{ display: block;} /* banner */ .banner{ width: 1200px; clear: both; margin: 10px auto 0; display: block; overflow: hidden; height: auto;} .banner img{ width: 100%; display: block; height: auto;} /* 公司介绍 */ .gsjs{ width: 1200px; clear: both; height: auto; margin: 20px auto 0; overflow: hidden;} .gs_tit{ width: 1200px; overflow: hidden; height: 70px;} .gs_tit .gs_tit_left{ width: 1200px; overflow: hidden; height: 67px; line-height: 67px;} .gs_tit .gs_tit_left p{ float: left; font-weight: bold; font-size: 24px; color: #000; height: 67px; margin: 0;} .gs_tit .gs_tit_left a{ float: right; text-decoration: none; font-size: 14px; color: #666; height: 67px; margin: 0;} .gs_tit .gs_tit_left a img{ vertical-align: top; width: 8px; margin: 28px 0 0 5px;} .gs_tit .gs_tit_left a:hover{ text-decoration: underline;} .gs_tit .gs_tit_bgcolor{ width: 1200px; height: 3px; overflow: hidden; margin: 0; background-color: #1479d7;} .gs_tit .gs_tit_bgcolor span{ width: 1200px; height: 3px; overflow: hidden; display: block; background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); background: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); background: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); } .gsjs .gsjs_main{ width: 1160px; height: auto; margin-top: 30px; padding: 50px 50px 50px; background-color: #f8f8f8; overflow: hidden;} .gsjs_main .gsjs_main_tit{ width: 1140px; overflow: hidden; height: 28px; line-height: 28px; text-align: center; color: #0F1418; font-size: 24px; font-weight: bold;} .gsjs_main .gsjs_main_x{ width: 26px; height: 5px; overflow: hidden; background-color: #1479d7; display: block; margin: 30px auto;} .gsjs_main .gsjs_main_txt{ width: 1100px; overflow: hidden; height: 150px;} .gsjs_main .gsjs_main_txt div.img{ float: left; width: 240px; height: 150px; overflow: hidden; margin-right: 40px;} .gsjs_main .gsjs_main_txt div.img div{ display:table-cell; width: 240px; height: 150px; text-align: center; vertical-align: middle;} .gsjs_main .gsjs_main_txt div.img img{ max-width: 100%; max-height: 100%; object-fit: cover;} .gsjs_main p{ float: left; width: 820px; height: 130px; overflow: hidden; margin: 6px auto 0; line-height: 34px; color: #0F1418; font-size: 14px;} .gsjs_main a{ display: block; text-decoration: none; overflow: hidden; margin: 30px auto 0; border-radius: 4px; width: 130px; height: 40px; text-align: center; line-height: 40px; color: #fff; background: #1479d7;} .gsjs_main a img{ width: 7px; vertical-align: top; margin: 14px 0 0 8px;} /* 企业风采 */ .qyfc{ width: 1200px; clear: both; height: auto; margin: 20px auto 0; overflow: hidden;} .qyfc .qyfc_main{ width: 1200px; height: auto; margin-top: 30px; overflow: hidden;} .qyfc_main .qyfc_sp{ float: left; overflow: hidden; width: 590px; height: 356px; background-color: #000;} .qyfc_main .qyfc_txt{ float: left; margin-left: 40px; width: 570px; height: auto; overflow: hidden;} .qyfc_txt div{ width: 570px; overflow: hidden; height: 30px; line-height: 30px; margin: 10px 0 30px; color: #111; font-size: 24px; font-weight: bold;} .qyfc_txt span{ display: block; width: 25px; height: 5px; overflow: hidden; margin-bottom: 40px; background-color: #1479d7;} .qyfc_txt p{ width: 570px; height: 150px; color: #111; line-height: 30px; font-size: 14px; margin: 0; overflow: hidden;} .qyfc_txt a{ display: block; text-decoration: none; overflow: hidden; margin-top: 36px; border-radius: 4px; width: 130px; height: 40px; text-align: center; line-height: 40px; color: #fff; background: #1479d7;} .qyfc_txt a img{ width: 7px; vertical-align: top; margin: 14px 0 0 8px;} /* 里程碑 */ .lcb{ width: 1200px; clear: both; height: auto; margin: 20px auto 0; overflow: hidden;} .lcb .lcb_box{ width: 1200px; height: auto; overflow-x: auto; overflow-y: hidden; margin-top: 20px;} .lcb_box .lcb_top{ min-width: 1200px; height: 360px; overflow: hidden; padding: 0 70px; border-bottom: 1px solid #e1e1e1;} .lcb_top .lcb_cont{ float: left; width: 340px; overflow: hidden; height: 300px; padding: 30px 20px; border-left: 1px solid #e1e1e1; position: relative;} .lcb_cont .lcb_cont_img{ width: 340px; height: auto; max-height: 120px; margin-bottom: 15px; overflow: hidden;} .lcb_cont .lcb_cont_img img{ max-height: 120px; max-width: 100%; display: block;} .lcb_cont p{ margin: 0 0 10px; width: 340px; overflow: hidden; height: 50px; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #888;} .lcb_cont .lcb_cont_name{ font-size: 18px; color: #111; width: 340px; height: auto; max-height: 70px; margin-bottom: 24px; line-height: 24px; overflow: hidden;} .lcb_cont span{ display: block; font-size: 24px; color: #1479d7; overflow: hidden; height: 22px; line-height: 22px; overflow: hidden;} .lcb_cont .lcb_cont_wz{ position: absolute; bottom: 0; left: 50%; margin-left: -12px; width: 24px; display: block;} .lcb_box .lcb_bot{ min-width: 1200px; height: 360px; overflow: hidden; margin-left: 260px;} .lcb_bot .lcb_cont2{ float: left; width: 340px; overflow: hidden; height: 300px; padding: 30px 20px; border-left: 1px solid #e1e1e1; position: relative;} .lcb_cont2 span{ display: block; font-size: 24px; color: #1479d7; margin-bottom: 16px; overflow: hidden; height: 22px; line-height: 22px; overflow: hidden;} .lcb_cont2 .lcb_cont_name{ font-size: 18px; color: #111; width: 340px; height: auto; max-height: 70px; margin-bottom: 24px; line-height: 24px; overflow: hidden;} .lcb_cont2 p{ margin: 0 0 10px; width: 340px; overflow: hidden; height: 50px; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #888;} .lcb_cont2 .lcb_cont_img{ width: 340px; height: auto; max-height: 120px; overflow: hidden;} .lcb_cont2 .lcb_cont_img img{ max-height: 120px; max-width: 100%; display: block;} .lcb_cont2 .lcb_cont_wz{ position: absolute; top: 0; left: 50%; margin-left: -12px; width: 24px; display: block;} /* 主推产品 */ .ztcp{ width: 1200px; clear: both; height: auto; margin: 20px auto 0; padding: 0 20px; overflow: hidden;} .ztcp .ztcp_box{ margin-top: 20px; height: auto; overflow: hidden; width: 1200px; border-radius: 20px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);} .ztcp .ztcp_cont{ width: 1200px; overflow: hidden; height: 400px; border-radius: 20px;} .ztcp_img_bg{ float: left; width: 400px; height: 400px; overflow: hidden; background-color: #1479d7;} .ztcp_box .ztcp_img{ width: 360px; height: 360px; line-height: 356px; padding: 20px; text-align: center; background-color: rgba(255, 255, 255, 0.93); overflow: hidden;} .ztcp_box .ztcp_img img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .ztcp_box .ztcp_txt{ float: left; height: 340px; overflow: hidden; width: 640px; padding: 60px 80px 0;} .ztcp_txt .ztcp_txt_tit{ width: 640px; overflow: hidden; height: 30px; line-height: 30px; font-weight: bold; font-size: 20px; color: #111; display: block; text-decoration: none;} .ztcp_txt .ztcp_txt_xh{ width: 640px; overflow: hidden; height: 20px; line-height: 20px; margin-top: 20px; color: #666; font-size: 14px;} .ztcp_txt p{ margin: 20px 0 0; width: 640px; height: 100px; line-height: 26px; overflow: hidden; font-size: 14px; color: #111;} .ztcp_txt .ztcp_txt_xq{ width: 640px; overflow: hidden; margin-top: 50px; height: 40px;} .ztcp_txt .ztcp_txt_xq span{ float: left; height: 40px; line-height: 40px; font-size: 24px; margin-right: 90px; color: #ff000d;} .ztcp_txt .ztcp_txt_xq a{ float: left; display: block; height: 40px; line-height: 40px; border-radius: 4px; width: 130px; overflow: hidden; text-align: center; text-decoration: none; font-size: 16px; color: #fff; background: #1479d7; } .ztcp_txt .ztcp_txt_xq a img{ width: 7px; vertical-align: top; margin: 14px 0 0 8px;} .ztcp_box2{ width: 1060px; overflow: hidden; height: 112px; margin: 40px auto 0;} .ztcp_box2 .ztcp_qh{ float: left; height: 110px; width: 323px; margin-right: 40px; border-radius: 6px; border: 1px solid #f6f6f6; overflow: hidden;} .ztcp_box2 .ztcp_qh:hover{ border: 1px solid #ff000d;} .ztcp_box2 .ztcp_qh:nth-child(3){ margin-right: 0;} .ztcp_qh_img_bg{ float: left; width: 110px; height: 110px; overflow: hidden; background-color: #1479d7;} .ztcp_qh .ztcp_qh_img{ width: 90px; height: 90px; line-height: 90px; text-align: center; padding: 10px; overflow: hidden; background-color: rgba(255, 255, 255, 0.93);} .ztcp_qh .ztcp_qh_img img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .ztcp_qh .ztcp_qh_txt{ float: left; height: 110px; width: 183px; margin-left: 20px; overflow: hidden;} .ztcp_qh .ztcp_qh_txt p{ margin: 20px 0 0; font-size: 14px; width: 173px; height: 40px; line-height: 22px; color: #333; font-weight: bold; overflow: hidden;} .ztcp_qh .ztcp_qh_txt span{ display: block; height: 22px; margin-top: 15px; line-height: 22px; overflow: hidden; color: #ff000d; font-size: 12px;} /* 组合推荐产品 */ .zhtjcp{ width: 1200px; clear: both; height: auto; margin: 20px auto 0; overflow: hidden;} .zhtjcp_box_bg{ width: 1200px; margin-top: 20px; height: auto; overflow: hidden; background-color: #1479d7;} .zhtjcp .zhtjcp_box{ width: 1200px; overflow: hidden; height: 420px; background-color: rgba(255, 255, 255, 0.93);} .js_zhcp_bg{ width: 200px; float: left; height: auto; overflow: hidden; background-color: #1479d7;} .zhtjcp_box ul{ width: 200px; height: 396px; overflow: hidden; margin: 0; padding: 24px 0 0; background-color: rgba(255, 255, 255, 0.8);} .zhtjcp_box ul li{ width: 150px; margin: 0 auto 12px; overflow: hidden; height: 36px; color: #000; font-size: 14px; cursor: pointer; text-align: center; background-color: #fff; line-height: 36px; transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out;} .zhtjcp_box .zhtjcp_rig{ display: none; float: left; height: 360px; width: 940px; overflow: hidden; padding: 30px;} .zhtjcp_rig .zhtjcp_cont{ background-color: #fff; height: 340px; width: 180px; padding: 20px 20px 0; margin-right: 20px; float: left; overflow: hidden;} .zhtjcp_rig .zhtjcp_cont:nth-child(4){ margin-right: 0;} .zhtjcp_cont .zhtjcp_cont_img{ width: 180px; height: 180px; line-height: 176px; display: block; text-align: center; overflow: hidden;} .zhtjcp_cont .zhtjcp_cont_img img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .zhtjcp_cont .zhtjcp_cont_tit{ width: 180px; height: 46px; line-height: 24px; display: block; margin-top: 10px; color: #111; font-size: 16px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .zhtjcp_cont p{ margin: 12px 0 0; font-size: 12px; color: #666; height: 20px; line-height: 20px; overflow: hidden;} .zhtjcp_cont .zhtjcp_cont_jg{ margin-top: 20px; width: 180px; height: 32px; line-height: 32px; overflow: hidden;} .zhtjcp_cont .zhtjcp_cont_jg span{ float: left; color: #ff000d; height: 32px; font-size: 14px; overflow: hidden;} .zhtjcp_cont .zhtjcp_cont_jg div{ float: right; cursor: pointer; overflow: hidden; color: #fff; font-size: 14px; height: 32px; border-radius: 4px; padding: 0 10px; background: #1479d7;} /* 推荐仪器 */ .tjyq{ width: 1200px; clear: both; height: auto; margin: 20px auto 0; overflow: hidden;} .tjyq .tjyq_cont{ width: 1200px; overflow: hidden; height: auto;} .tjyq_cont .tjyq_box{ float: left; overflow: hidden; width: 181px; padding: 20px; margin: 20px 20px 0 0; border: 1px solid #DCDCDC; height: auto;} .tjyq_cont .tjyq_box:nth-child(5n){ margin-right: 0;} .tjyq_box .tjyq_box_img{ width: 181px; overflow: hidden; height: 181px; text-align: center; display: block; line-height: 177px;} .tjyq_box .tjyq_box_img img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .tjyq_box .tjyq_box_tit{ width: 181px; display: block; color: #111; height: 45px; line-height: 24px; font-size: 16px; overflow: hidden; text-decoration: none;} .tjyq_box p{ color: #666; font-size: 12px; height: 22px; width: 181px; line-height: 22px; overflow: hidden; margin-top: 10px;} .tjyq_box .tjyq_box_jg{ height: 32px; width: 181px; line-height: 32px; overflow: hidden; margin-top: 10px;} .tjyq_box .tjyq_box_jg span{ float: left; color: #E0040F; height: 32px; font-size: 16px;} .tjyq_box .tjyq_box_jg div{ float: right; cursor: pointer; width: 50px; height: 32px; border-radius: 4px; text-align: center; overflow: hidden; color: #fff; font-size: 14px; background-color: #1479d7;} /* 最新动态 */ .zxdt{ width: 1200px; clear: both; height: auto; margin: 20px auto 0; overflow: hidden;} .zxdt .zxdt_box{ width: 1200px; overflow: hidden; height: auto;} .zxdt .zxdt_cont{ float: left; height: 100px; width: 547px; margin: 20px 20px 0 0; border: 1px solid #dcdcdc; padding: 20px; overflow: hidden;} .zxdt .zxdt_cont:nth-child(2n){ margin-right: 0;} .zxdt_cont .zxdt_img{ float: left; width: 160px; height: 100px; text-align: center; margin-right: 20px; line-height: 96px; overflow: hidden;} .zxdt_cont .zxdt_img img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .zxdt_cont .zxdt_txt{ float: left; height: 100px; width: 367px; overflow: hidden;} .zxdt_cont .zxdt_txt a{ display: block; text-decoration: none; width: 367px; height: 25px; font-size: 18px; color: #111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .zxdt_cont .zxdt_txt p{ margin: 10px 0 0; width: 367px; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; color: #666; text-overflow: ellipsis; white-space: nowrap;} .zxdt_cont .zxdt_txt .zxdt_rq{ width: 367px; overflow: hidden; margin-top: 21px; height: 24px;} .zxdt_txt .zxdt_rq div{ float: left; height: 24px; line-height: 24px; border-radius: 2px; background-color: rgba(255, 0, 13, 0.1); color: #ff000d; overflow: hidden; padding: 0 10px; font-size: 12px;} .zxdt_txt .zxdt_rq span{ float: right; height: 24px; line-height: 24px; color: #666; font-size: 14px; overflow: hidden;} /* 资料中心 */ .zlzx{ width: 1200px; clear: both; height: auto; margin: 20px auto 0; overflow: hidden;} .zlzx_box_bg{ width: 1200px; background-color: #1479d7; height: auto; overflow: hidden; margin-top: 20px;} .zlzx .zlzx_box{ width: 1200px; overflow: hidden; height: auto; padding-bottom: 20px; background-color: rgba(255, 255, 255, 0.93);} .zlzx_box .zlzx_cont{ float: left; background-color: #fff; margin: 20px 0 0 20px; width: 530px; height: auto; padding: 0 20px 20px; overflow: hidden;} .zlzx_cont a{ display: block; width: 530px; height: 26px; margin-top: 20px; overflow: hidden;} .zlzx_cont a .zlzx_zl{ float: left; width: 430px; height: 26px; overflow: hidden;} .zlzx_cont a .zlzx_zl img{ float: left; height: 26px;} .zlzx_cont a .zlzx_zl div{ float: left; max-width: 300px; height: 26px; line-height: 26px; font-size: 16px; color: #111; margin-left: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .zlzx_cont a .zlzx_zl span{ float: left; height: 26px; line-height: 26px; margin-left: 10px; color: #666; font-size: 14px; overflow: hidden;} .zlzx_cont a p{ float: right; height: 26px; line-height: 26px; color: #999; font-size: 14px; overflow: hidden; margin: 0;} /* 微视频 */ .sywsp{ width: 1200px; clear: both; height: auto; margin: 20px auto 0; padding: 0 10px 15px; overflow: hidden;} .sywsp .sywsp_box{ width: 1200px; height: auto;} .sywsp_box .sywsp_cont{ float: left; overflow: hidden; width: 285px; margin: 20px 20px 0 0; height: auto;} .sywsp_box .sywsp_cont:hover{ box-shadow: 0px 6px 9px 1px rgba(0, 0, 0, 0.1);} .sywsp_box .sywsp_cont:nth-child(4n){ margin-right: 0} .sywsp_cont .sywsp_cont_img{ display:block; width: 285px; overflow: hidden; height: 188px;} .sywsp_cont .sywsp_cont_img img{ width: 285px; height: auto; display: block; object-fit: cover;} .sywsp_cont .sywsp_cont_tit{ padding: 0 15px; display: block; text-decoration: none; overflow: hidden; margin-top: 15px; width: 255px; height: 45px; line-height: 24px; color: #111; font-size: 16px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .sywsp_cont span{ display: block; margin: 20px 0; padding: 0 15px; width: 255px; height: 20px; line-height: 20px; color: #333; font-size: 12px; overflow: hidden;} /* 解决方案 */ .jjfa{ width: 1200px; clear: both; height: auto; margin: 20px auto 0; overflow: hidden;} .jjfa .jjfa_box{ width: 1200px; overflow: hidden; height: auto;} .jjfa_box .jjfa_cont{ float: left; height: 150px; width: 547px; margin: 20px 20px 0 0; border: 1px solid #dcdcdc; padding: 20px; overflow: hidden;} .jjfa_box .jjfa_cont:nth-child(2n){ margin-right: 0;} .jjfa_box .jjfa_cont .jjfa_img{ float: left; width: 150px; height: 150px; text-align: center; margin-right: 20px; line-height: 146px; overflow: hidden;} .jjfa_box .jjfa_cont .jjfa_img img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .jjfa_box .jjfa_cont .jjfa_txt{ float: left; height: 150px; width: 377px; overflow: hidden;} .jjfa_cont .jjfa_txt a{ display: block; text-decoration: none; width: 377px; height: 50px; font-size: 16px; color: #111; overflow: hidden;} .jjfa_cont .jjfa_txt p{ margin: 5px 0 0; width: 377px; height: 45px; line-height: 24px; overflow: hidden; font-size: 14px; color: #666; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .jjfa_cont .jjfa_txt .jjfa_rq{ width: 377px; overflow: hidden; margin-top: 26px; height: 24px;} .jjfa_txt .jjfa_rq div{ float: left; height: 24px; line-height: 24px; border-radius: 2px; background-color: rgba(255, 0, 13, 0.1); color: #ff000d; overflow: hidden; padding: 0 10px; font-size: 12px;} .jjfa_txt .jjfa_rq span{ float: left; float: right; height: 24px; color: #666; font-size: 14px; overflow: hidden;} /* 最新方案 */ .zxfa{ width: 1200px; clear: both; height: auto; margin: 20px auto 0; overflow: hidden;} .zxfa_box{ width: 1200px; overflow: hidden; height: auto; margin-top: 50px;} .zxfa_box .zxfa_txt{ float: left; width: 740px; height: auto; overflow: hidden;} .zxfa_txt .zxfa_txt_tit{ width: 740px; display: block; overflow: hidden; margin-top: 20px; color: #111; text-decoration: none; font-size: 20px; height: 25px; line-height: 25px; text-overflow: ellipsis; white-space: nowrap;} .zxfa_txt .zxfa_txt_tit:hover{ text-decoration: underline;} .zxfa_txt .zxfa_txt_nr{ width: 740px; overflow: hidden; color: #666; font-size: 14px; height: 45px; line-height: 24px; margin: 15px 0 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .zxfa_txt .zxfa_txt_rq{ height: 24px; width: 740px; line-height: 24px; margin-top: 20px; overflow: hidden;} .zxfa_txt .zxfa_txt_rq span{ float: left; height: 24px; overflow: hidden; font-size: 12px; padding: 0 10px; color: #ff000d; background-color: rgba(255, 0, 13, 0.1);} .zxfa_txt .zxfa_txt_rq p{ float: left; margin: 0; font-size: 12px; color: #666; height: 24px; overflow: hidden; margin-left: 10px;} .zxfa_txt .zxfa_txt_sub{ display: block; height: 40px; line-height: 40px; border-radius: 4px; margin-top: 50px; width: 130px; overflow: hidden; text-align: center; text-decoration: none; font-size: 16px; color: #fff; background-color: #1479d7;} .zxfa_txt .zxfa_txt_sub img{ width: 7px; vertical-align: top; margin: 14px 0 0 8px;} .zxfa_box .zxfa_img{ float: right; overflow: hidden; height: 260px; text-align: center; width: 400px; background-color: red;} .zxfa_box .zxfa_img img{ width: 100%; height: 100%; object-fit: cover;} /* 热门分类 */ .rmfl{ width: 1200px; clear: both; height: auto; margin: 20px auto 0; overflow: hidden;} .rmfl .rmfl_box{ width: 1200px; height: auto; overflow: hidden;} .rmfl_box a{ float: left; width: 265px; height: 64px; margin: 20px 20px 0 0; padding: 10px; background-color: rgba(255, 255, 255, 0.93); position: relative;} .rmfl_box a:nth-child(4n){ margin-right: 0;} .rmfl_box a .rmfl_txt_bg{ width: 285px; height: 84px; overflow: hidden; background-color: #1479d7; position: absolute; top: 0; left: 0; z-index: -1;} .rmfl_box a .rmfl_img{ float: left; background-color: #fff; margin-right: 10px; text-align: center; height: 64px; line-height: 57px; overflow: hidden; width: 64px;} .rmfl_box a .rmfl_img img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .rmfl_box a .rmfl_txt{ float: left; height: 64px; overflow: hidden; width: 190px;} .rmfl_box a .rmfl_txt p{ margin: 0; color: #981812; height: 34px; font-size: 16px; line-height: 34px; width: 190px; overflow: hidden;} .rmfl_box a .rmfl_txt span{ display: inline-block; border-radius: 2px; color: #fff; margin-top: 5px; font-size: 12px; height: 20px; line-height: 20px; background-color: #1479d7; padding: 0 10px;} /* 右侧悬浮 */ .rigfix{ width: 100px; height: auto; padding: 15px 0; border-radius: 2px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); position: fixed; right: 30px; bottom: 100px; z-index: 99; background-color: #fff;} .rigfix .rigfix_dh{ width: 100px; height: auto; line-height: 18px; overflow: hidden; font-size: 12px; font-weight: bold; text-align: center; color: #ff000d;} .rigfix .rigfix_dh2{ width: 100px; height: auto; line-height: 18px; overflow: hidden; font-weight: bold; font-size: 12px; padding-bottom: 2px; margin-top: 5px; text-align: center; color: #333;} .rigfix .rigfix_xcx{ margin-top: 10px; width: 100px; cursor: pointer; height: 70px; position: relative;} .rigfix_xcx .rigfix_xcx_yi{ width: 100px; overflow: hidden; height: 70px;} .rigfix_xcx .rigfix_xcx_yi p{ width: 40px; height: 40px; background-color: #fff; line-height: 37px; text-align: center; overflow: hidden; border-radius: 50px; margin: 0 auto;} .rigfix_xcx .rigfix_xcx_yi p img{ width: 20px; vertical-align: middle;} .rigfix_xcx .rigfix_xcx_yi:hover p{ background-color: #f7f7f7;} .rigfix_xcx .rigfix_xcx_yi span{ display: block; margin: 10px 0 0; width: 100px; height: 20px; font-size: 14px; color: #333; overflow: hidden; text-align: center;} .rigfix_xcx .rigfix_xcx_er{ display: none; position: absolute; top: -42px; left: -110px; box-shadow: 0 2px 10px #aaa; width: 80px; padding: 10px; background-color: #fff; height: 100px; border: 1px solid #eee;} .rigfix_xcx .rigfix_xcx_er img{ width: 80px; display: block;} .rigfix_xcx .rigfix_xcx_er span{ display: block; height: 20px; width: 80px; text-align: center; color: #333; font-size: 12px; line-height: 20px; overflow: hidden;} .rigfix .rigfix_xcx:hover .rigfix_xcx_er{ display: block;} .rigfix .rigfix_ly{ margin-top: 10px; width: 100px; cursor: pointer; height: 70px; overflow: hidden; position: relative;} .rigfix .rigfix_ly p{ width: 40px; height: 40px; background-color: #fff; line-height: 37px; text-align: center; overflow: hidden; border-radius: 50px; margin: 0 auto;} .rigfix .rigfix_ly p img{ width: 20px; vertical-align: middle;} .rigfix .rigfix_ly:hover p{ background-color: #f7f7f7;} .rigfix .rigfix_ly span{ display: block; margin: 10px 0 0; width: 100px; height: 20px; font-size: 14px; color: #333; overflow: hidden; text-align: center;} .rigfix .rigfix_top{ margin-top: 15px; width: 100px; text-decoration: none; display: block; cursor: pointer; height: 45px; overflow: hidden;} .rigfix .rigfix_top img{ display: block; margin: 0 auto; width: 22px; overflow: hidden;} .rigfix .rigfix_top p{ margin: 6px 0 0; width: 100px; height: 20px; font-size: 14px; color: #333; overflow: hidden; text-align: center;} /* */ .main{ width: 1200px; overflow: hidden; height: auto; margin: 0 auto;} .main .main_left{ float: left; width: 860px; background-color: #fff; overflow: hidden; height: auto;min-height:595px;} .main_left .main_left_tit{ width: 860px; height: 63px; overflow: hidden;} .main_left .main_left_tit div{ width: 820px; height: 60px; line-height: 60px; color: #0F1418; font-size: 22px; padding: 0 20px; overflow: hidden;} .main_left .main_left_tit p{width: 860px; height: 3px; overflow: hidden; margin: 0; background-color: #1479d7;} .main_left .main_left_tit p span{ width: 860px; height: 3px; overflow: hidden; display: block; background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); background: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); background: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); } .main_left .main_lbox{ width: 820px; padding: 0 20px; overflow: hidden; height: auto;} .main_lbox .main_lcont{ width: 778px; overflow: hidden; margin-top: 20px; padding: 20px; height: 120px; border: 1px solid #e7e7e7;} .main_lcont .main_lcont_img{ float: left; width: 200px; height: 120px; overflow: hidden;} .main_lcont .main_lcont_img img{ width: 100%; height: 100%; object-fit: cover;} .main_lcont .main_lcont_txt{ float: left; margin-left: 20px; height: 120px; overflow: hidden; width: 558px;} .main_lcont .main_lcont_txt a{ display: block; text-decoration: none; width: 558px; height: 25px; font-size: 18px; color: #111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .main_lcont .main_lcont_txt p{margin: 10px 0 0; width: 558px; height: 42px; line-height: 22px; overflow: hidden; font-size: 14px; color: #666; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .main_lcont .main_lcont_txt .main_lcont_rq{ width: 558px; overflow: hidden; margin-top: 19px; height: 24px;} .main_lcont_txt .main_lcont_rq div{ float: left; height: 24px; line-height: 24px; border-radius: 2px; background-color: rgba(255, 0, 13, 0.1); color: #ff000d; overflow: hidden; padding: 0 10px; font-size: 12px;} .main_lcont_txt .main_lcont_rq span{ float: right; height: 24px; color: #666; font-size: 14px; overflow: hidden;} /* 技术文章 */ .main_jswz{ width: 778px; overflow: hidden; margin-top: 20px; padding: 20px; height: 120px; border: 1px solid #e7e7e7;} .main_jswz a{ display: block; text-decoration: none; width: 778px; height: 25px; font-size: 18px; color: #111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .main_jswz p{margin: 10px 0 0; width: 778px; height: 42px; line-height: 22px; overflow: hidden; font-size: 14px; color: #666; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .main_jswz .main_jswz_rq{ width: 778px; overflow: hidden; margin-top: 19px; height: 24px;} .main_jswz .main_jswz_rq div{ float: left; height: 24px; line-height: 24px; border-radius: 2px; background-color: rgba(255, 0, 13, 0.1); color: #ff000d; overflow: hidden; padding: 0 10px; font-size: 12px;} .main_jswz .main_jswz_rq span{ float: right; height: 24px; color: #666; font-size: 14px; overflow: hidden;} /* 分页 */ .fy{ width: 820px; overflow: hidden; padding: 0 20px; margin: 40px 0; height: 30px; line-height: 30px; text-align: center;} .fy a{ display: inline-block; text-decoration: none; vertical-align: top; margin-right: 8px; padding: 0 12px; height: 30px; font-size: 14px; color: #333333; background: #F5F8FC; border-radius: 2px;} .fy a.current { color: #fff; background-color: #ff000d; } .fy a:hover{ background-color: #ff000d; color: #fff;} .fy div{ display: inline-block; vertical-align: top; margin: 0 15px; font-size: 14px; color: #4F5862;} .fy input{ outline: none; height: 28px; border: 1px solid; width: 30px; color: #333; padding: 0 10px; text-align: center; vertical-align: top; border-radius: 4px; border: 1px solid #E5EAF0;} /* 页面右侧部分 */ .rdivlx { width:100%; max-width:1200px; height:0; margin:0 auto; position:relative; } .divlx .main_rig{ overflow: hidden; width: 280px; height: auto; background-color: #fff; padding: 20px;} .main_rig .main_rgs{ width: 280px; overflow: hidden; height: auto;} .main_rgs .main_rgs_img{ float: left; height: 58px; width: 58px; line-height: 54px; text-align: center; border-radius: 50px; overflow: hidden; border: 1px solid #ddd;} .main_rgs .main_rgs_img img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .main_rgs .main_rgs_txt{ float: left; margin-left: 10px; width: 210px; overflow: hidden; height: 60px;} .main_rgs .main_rgs_txt .main_rgs_name{ margin: 0; width: 210px; height: 30px; line-height: 30px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .main_rgs_txt .main_rgs_hy{ width: 210px; overflow: hidden; height: 20px; margin-top: 4px;} .main_rgs_txt .main_rgs_hy div{ float: left; overflow: hidden; height: 18px; font-size: 12px; padding-right: 5px; font-weight: bold; color: #6e278b; border-radius: 4px; line-height: 18px; border: 1px solid #6e278b;} .main_rgs_txt .main_rgs_hy div span{ float: left; padding: 0 5px; height: 18px; font-weight: normal; overflow: hidden; background-color: #6e278b; color: #fff; font-size: 12px;} .main_rgs_txt .main_rgs_hy div img{ width: 16px; margin: 1px 3px 0 4px; vertical-align: top;} .main_rgs_txt .main_rgs_hy p{ float: left; margin: 0 0 0 10px; border-radius: 4px; padding: 0 5px; height: 18px; line-height: 18px; color: #6170e9; border: 1px solid #6170e9; overflow: hidden; font-size: 12px;} .main_rgs_txt .main_rgs_hy p img{ width: 16px; vertical-align: top; margin: 1px 4px 0 0;} .main_rig .main_rig_dh{ border: 1px solid #1479d7; cursor: pointer; margin-top: 20px; width: 278px; text-align: center; font-size: 16px; height: 40px; line-height: 40px; overflow: hidden; border-radius: 4px; color: #1479d7;} .main_rig .main_rig_dh img{ vertical-align: top; width: 24px; margin: 9px 5px 0 0;} .main_rig .main_rig_ljxj{ width: 280px; overflow: hidden; font-size: 18px; height: 20px; margin-top: 20px; line-height: 20px; color: #111;} .main_rig .main_rig_shuom{ width: 280px; height: 20px; line-height: 20px; margin-top: 10px; overflow: hidden; color: #666; font-size: 12px;} .main_rig .main_rig_form{ width: 280px; overflow: hidden; height: auto; margin-top: 20px;} .main_rig_form .main_rform_inpt{ width: 258px; height: 40px; line-height: 40px; color: #333; font-size: 14px; margin-bottom: 10px; outline: none; padding: 0 10px; border-radius: 4px; border: 1px solid #E3E3E3;} .main_rig_form .main_rform_anq{ width: 218px; height: 40px; line-height: 40px; color: #333; font-size: 14px; margin-bottom: 10px; outline: none; padding: 0 50px 0 10px; /*background: url(anq.png) 245px center/20px no-repeat;*/ border-radius: 4px; border: 1px solid #E3E3E3;} .main_rig_form .main_rform_yzm{ width: 278px; overflow: hidden; height: 40px; line-height: 40px; border-radius: 4px; border: 1px solid #E3E3E3;} .main_rig_form .main_rform_yzm input{ float: left; border: none; color: #333; font-size: 14px; overflow: hidden; outline: none; height: 40px; padding: 0 10px;} .main_rig_form .main_rform_yzm span{ float: right; width: 78px; height: 30px; line-height: 26px; overflow: hidden; margin: 5px 10px 0 0;} .main_rig_form .main_rform_yzm span img{ width: 100%; vertical-align: middle;} .main_rig .main_rig_sub{ width: 280px; height: 43px; text-decoration: none; margin-top: 20px; display: block; line-height: 43px; color: #fff; text-align: center; background: #1479D7; border-radius: 4px;} .main_rig .main_rig_xy{ width: 280px; height: auto; line-height: 20px; margin-top: 10px; overflow: hidden; font-weight: 400; font-size: 12px; color: #666666;} .main_rig .main_rig_xy label{ cursor: pointer;} .main_rig .main_rig_xy input{ vertical-align: top; margin: 4px 6px 0 0;} /* 技术文章-详情 */ .jswzxq{ width: 860px; overflow: hidden; height: auto; background-color: #fff; margin-top: 20px; padding-bottom: 25px;} .jswzxqv .jswzxq_box{ width: 860px; height: auto; overflow: hidden;} .jswzxq_box .jswzxq_box_cont{ margin: 20px 0 0 20px; float: left; width: 368px; overflow: hidden; height: 85px; border: 1px solid #E5EAF0; padding: 15px;} .jswzxq_box .jswzxq_box_cont a{ display: block; text-decoration: none; width: 368px; height: 50px; line-height: 24px; font-size: 16px; color: #111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .jswzxq_box .jswzxq_box_cont div{width: 368px; overflow: hidden; margin-top: 11px; height: 24px;} .jswzxq_box .jswzxq_box_cont div p{ margin: 0; float: left; height: 24px; line-height: 24px; border-radius: 2px; background-color: rgba(255, 0, 13, 0.1); color: #ff000d; overflow: hidden; padding: 0 10px; font-size: 12px;} .jswzxq_box .jswzxq_box_cont div span{ float: right; height: 24px; line-height: 24px; color: #666; font-size: 14px; overflow: hidden;} /* 微视频 */ .main_wsp{ width: 860px; overflow: hidden; height: auto; padding-bottom: 25px;} .main_wsp .wsp_cont{ float: left; width: 188px; height: 270px; border-radius: 4px; margin: 20px 0 0 20px; border: 1px solid #e7e7e7;} .wsp_cont .wsp_cont_img{ display: block; width: 188px; height: 149px; background-color: #000; overflow: hidden; position: relative;} .wsp_cont .wsp_cont_img img{ width: 100%; height: 100%; object-fit: cover;} .wsp_cont .wsp_cont_img span{ position: absolute; right: 10px; bottom: 10px; padding: 0 6px; background-color: rgba(0, 0, 0, 0.6); color: #fff; border-radius: 2px; height: 18px; font-size: 12px;} .wsp_cont .wsp_cont_tit{ width: 168px; display: block; margin: 10px auto 0; height: 45px; line-height: 24px; overflow: hidden; text-decoration: none; color: #0F1418; font-size: 16px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .wsp_cont .wsp_cont_rq{ width: 168px; overflow: hidden; margin-top: 25px; padding: 0 10px; height: 24px;} .wsp_cont .wsp_cont_rq div{ float: left; height: 24px; line-height: 24px; border-radius: 2px; background-color: rgba(255, 0, 13, 0.1); color: #ff000d; overflow: hidden; padding: 0 10px; font-size: 12px;} .wsp_cont .wsp_cont_rq span{ float: right; height: 24px; line-height: 24px; color: #333; font-size: 14px; overflow: hidden;} /* 资料中心 */ .zl_fenlei{ width: 820px; padding: 0 20px; overflow: hidden; background-color: #fff; height: 44px; border-bottom: 1px solid #eee;} .zl_fenlei a{ border-bottom: 2px solid transparent; padding: 0 16px; margin-right: 10px; font-size: 14px; color: #333; overflow: hidden; text-decoration: none; height: 42px; line-height: 42px; float: left;} .zl_fenlei a:hover{ color: #1479D7; border-color: #1479D7;} .main_zlzx{ width: 860px; overflow: hidden; height: auto; padding-bottom: 20px;} .main_zlzx .main_zlzx_cont{ background-color: #fff; width: 358px; border: 1px solid #E5EAF0; margin: 20px 0 0 20px; height: 80px; overflow: hidden; float: left; padding: 20px;} .main_zlzx .main_zlzx_cont:nth-child(2n){ margin-right: 0;} .main_zlzx_cont .main_zlzx_img{ float: left; height: 80px; overflow: hidden; margin-right: 15px; width: 26px;} .main_zlzx_cont .main_zlzx_img img{ width: 26px; display: block; margin-top: 1px;} .main_zlzx_cont .main_zlzx_txt{ float: left; width: 317px; overflow: hidden; height: 80px;} .main_zlzx_cont .main_zlzx_txt a{ display: block; text-decoration: none; font-size: 16px; overflow: hidden; height: 50px; line-height: 24px; color: #0F1418; width: 317px;} .main_zlzx_cont .main_zlzx_txt .main_zlzx_sz{ width: 317px; height: 20px; line-height: 20px; margin-top: 10px; overflow: hidden;} .main_zlzx_cont .main_zlzx_txt .main_zlzx_sz p{ margin: 0; float: left; height: 20px; color: #666; font-size: 12px;} .main_zlzx_cont .main_zlzx_txt .main_zlzx_sz span{ float: left; height: 20px; color: #666; margin-left: 20px; font-size: 12px;} .main_zlzx_cont .main_zlzx_txt .main_zlzx_sz div{ float: right; height: 20px; cursor: pointer; color: #ff000d; font-size: 12px;} /* 资料中心-详情 */ .zlzxxq{ width: 860px; height: auto; overflow: hidden; background-color: #fff; margin-top: 20px; padding-bottom: 20px;} .zlzxxq_box{ width: 860px; overflow: hidden; height: auto;} .zlzxxq_box .zlzxxq_cont{ float: left; width: 368px; border: 1px solid #E5EAF0; padding: 15px; height: 80px; overflow: hidden; margin: 20px 0 0 20px;} .zlzxxq_cont .zlzxxq_img{ float: left; height: 80px; overflow: hidden; margin-right: 15px; width: 26px;} .zlzxxq_cont .zlzxxq_img img{ width: 26px; display: block; margin-top: 1px;} .zlzxxq_cont .zlzxxq_txt{ float: left; width: 327px; overflow: hidden; height: 80px;} .zlzxxq_cont .zlzxxq_txt a{ display: block; text-decoration: none; font-size: 16px; overflow: hidden; height: 50px; line-height: 24px; color: #0F1418; width: 327px;} .zlzxxq_cont .zlzxxq_txt .zlzxxq_sz{ width: 327px; height: 20px; line-height: 20px; margin-top: 10px; overflow: hidden;} .zlzxxq_txt .zlzxxq_sz p{ margin: 0; float: left; height: 20px; color: #666; font-size: 12px;} .zlzxxq_txt .zlzxxq_sz span{ float: left; height: 20px; color: #666; margin-left: 20px; font-size: 12px;} .zlzxxq_txt .zlzxxq_sz div{ float: right; height: 20px; cursor: pointer; color: #ff000d; font-size: 12px;} /* 产品中心 */ .main_cpfl{ width: 778px; margin: 20px auto 0; padding: 0 20px; overflow: hidden; height: auto; border-radius: 2px; border: 1px solid #E5EAF0;} .main_cpfl .main_cpfl_gjc{ width: 778px; overflow: hidden; height: auto; border-bottom: 1px dashed #E5EAF0; padding: 15px 0 5px;} .main_cpfl .main_cpfl_gjc p{ float: left; margin: 0 10px 0 0; height: auto; overflow: hidden; width: 90px; color: #7E8790; font-size: 14px; line-height: 22px;} .main_cpfl .main_cpfl_gjc .js_ulmore{ float: left; margin: 0; padding: 0; width: 560px; height: 64px; overflow: hidden;} .main_cpfl .main_cpfl_gjc ul{ float: left; margin: 0; padding: 0; width: 560px; height: auto; overflow: hidden;} .main_cpfl .main_cpfl_gjc ul li{ float: left; font-size: 14px; color: #333; margin: 0 50px 10px 0; cursor: pointer; height: 22px; line-height: 22px;} .main_cpfl .main_cpfl_gjc ul li a{ color: #333; text-decoration: none;} .main_cpfl .main_cpfl_gjc ul li.cur a{ color: #ff000d;} .main_cpfl .main_cpfl_gjc div{ float: right; font-size: 12px; cursor: pointer; height: 23px; border-radius: 2px; padding: 0 8px; line-height: 23px; border: 1px solid #E5EAF0; overflow: hidden; color: #666;} .main_cpfl .main_cpfl_gjc div img{ width: 10px; margin: 6px 0 0 5px; vertical-align: top;} .main_left .cpzx_box{ width: 820px; padding: 0 20px; overflow: hidden; height: auto;} .cpzx_box .cpzx_cont{ width: 820px; overflow: hidden; margin-top: 20px; height: 160px;} .cpzx_box .cpzx_cont .cpzx_img{ float: left; width: 140px; height: 140px; line-height: 138px; margin-right: 30px; text-align: center; overflow: hidden;} .cpzx_box .cpzx_cont .cpzx_img img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .cpzx_box .cpzx_cont .cpzx_txt{ float: left; height: 159px; width: 650px; overflow: hidden; border-bottom: 1px solid #E5EAF0;} .cpzx_txt .cpzx_txt_tit{ display: block; width: 650px; font-size: 16px; color: #000; height: 25px; text-decoration: none; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .cpzx_txt .cpzx_txt_tit a { float: left; display: block; max-width: 450px; font-size: 16px; color: #000; height: 25px; text-decoration: none; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .cpzx_txt .cpzx_txt_tit>img {float: left; } .cpzx_cont ul{ margin: 20px 0 0; padding: 0; width: 650px; height: 64px; overflow: hidden;} .cpzx_cont ul li{ float: left; color: #999; font-size: 14px; overflow: hidden; margin: 0 0 10px 0; width: 162px; height: 22px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis;} .cpzx_cont ul .cpzx_xing{ width: 200px;} .cpzx_cont ul li span{ color: #666;} .cpzx_cont ul li span img{ height: 18px; margin-top: 1px; vertical-align: top; display: inline-block;} .cpzx_cont ul li a{ text-decoration: none; color: #1479D7; height: 22px; display: inline-block;} .cpzx_txt .cpzx_txt_jg{ width: 650px; height: 32px; line-height: 32px; overflow: hidden;} .cpzx_txt .cpzx_txt_jg p{ margin: 0; height: 32px; font-size: 14px; color: #999; float: left; overflow: hidden;} .cpzx_txt .cpzx_txt_jg p span{ color: #ff000d; font-size: 16px;} .cpzx_txt .cpzx_txt_jg div{ float: right; height: 32px; overflow: hidden;} .cpzx_txt .cpzx_txt_jg div button{ float: left; height: 32px; color: #fff; font-size: 14px; padding: 0 20px; border-radius: 4px; cursor: pointer; margin-left: 10px; border: none; background: #1479D7; } /* 视频详情 */ .main_spxq_box{ width: 820px; background-color: #fff; overflow: hidden; height: auto; padding: 20px;} .main_spxq_tit{ width: 820px; color: #000; font-weight: bold; height: auto; font-size: 22px; line-height: 34px; overflow: hidden;} .main_left .spxq_video{ background-color: #000; width: 820px; margin-top: 15px; overflow: hidden; height: 500px;} .main_left .spxq_gsjj{ width: 780px; height: auto; padding: 20px; overflow: hidden; background-color: #f5f7fa;} .spxq_gsjj .spxq_gsjj_top{ width: 780px; overflow: hidden; height: 40px; line-height: 40px;} .spxq_gsjj .spxq_gsjj_top div{ float: left; height: 38px; border: 1px solid #E5EAF0; width: 68px; text-align: center; line-height: 33px; overflow: hidden;} .spxq_gsjj .spxq_gsjj_top div img{ max-width: 100%; max-height: 90%; vertical-align: middle;} .spxq_gsjj .spxq_gsjj_top p{ float: left; margin: 0; width: 695px; height: 40px; overflow: hidden; margin-left: 15px; color: #444; font-size: 16px;} .spxq_gsjj .spxq_gsjj_rq{ width: 780px; overflow: hidden; margin-top: 10px; height: 24px; line-height: 24px;} .spxq_gsjj .spxq_gsjj_rq span{ float: left; height: 24px; line-height: 24px; border-radius: 2px; background-color: #E7F3FF; color: #1479d7; overflow: hidden; padding: 0 10px; font-size: 12px;} .spxq_gsjj .spxq_gsjj_rq p{ float: left; margin: 0; font-size: 14px; height: 24px; margin-left: 15px; color: #7E8790;} .spxq_gsjj .spxq_gsjj_txt{ width: 780px; overflow: hidden; color: #444; margin-top: 20px; padding-top: 20px; border-top: 1px solid #E5EAF0; font-size: 16px; line-height: 30px; height: auto;} .spxq_gsjj .spxq_gsjj_txt span{ color: #777;} /* 大家都在看 */ .spxq_cptj{ width: 860px; height: auto; overflow: hidden; background-color: #fff; margin-top: 20px; padding-bottom: 20px;} .spxq_cptj_tit{ width: 860px; height: 58px; overflow: hidden;} .spxq_cptj_tit div{ width: 820px; height: 55px; line-height: 55px; color: #0F1418; font-size: 22px; padding: 0 20px; overflow: hidden;} .spxq_cptj_tit p{ width: 860px; height: 3px; overflow: hidden; margin: 0; background-color: #1479d7;} .spxq_cptj_tit p span{ width: 860px; height: 3px; overflow: hidden; display: block; background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); background: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); background: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); } .spxq_cptj .spxq_cptj_box{ width: 860px; height: auto; overflow: hidden;} .spxq_cptj .spxq_cptj_box div{ float: left; width: 148px; height: 260px; margin: 20px 0 0 20px; padding: 0 20px; overflow: hidden; border: 1px solid #E5EAF0;} .spxq_cptj_box div .tltj_img{ display: block; width: 148px; height: 148px; text-align: center; line-height: 146px; overflow: hidden; margin: 15px auto 0;} .spxq_cptj_box div .tltj_img img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .spxq_cptj_box div .tltj_txt{ width: 148px; display: block; overflow: hidden; height: 50px; line-height: 26px; margin-top: 10px; text-decoration: none; font-size: 16px; color: #0F1418; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} /* 推荐分类 */ .tjfl{ width: 860px; overflow: hidden; height: auto; margin-top: 20px; background-color: #fff;} .tjfl .tjfl_ul{ width: 860px; overflow: hidden; padding: 0; margin: 0; height: 50px; border-bottom: 1px solid #F0F3F7;} .tjfl .tjfl_ul li{ float: left; height: 50px; padding: 0 30px; line-height: 50px; cursor: pointer; overflow: hidden; color: #333; font-size: 16px;} .tjfl .tjfl_nrul{ width: 820px; padding: 0 20px; margin: 20px 0 10px; height: auto; overflow: hidden;} .tjfl .tjfl_nrul li{ float: left; width: 182px; margin: 0 30px 10px 0; height: 30px; line-height: 30px; overflow: hidden;} .tjfl .tjfl_nrul li:nth-child(4n){ margin-right: 0;} .tjfl .tjfl_nrul li a{ display: block; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 30px; width: 182px; font-size: 14px; color: #555;} .tjfl .tjfl_nrul li a:hover{ color: #ff000d;} .tjfl .tjfl_nrul li a span{ width: 4px; height: 4px; border-radius: 50px; vertical-align: top; margin: 13px 10px 0 0; background-color: #555; display: inline-block;} .tjfl .tjfl_nrul li a:hover span{ background-color: #ff000d;} .tjfl .tjfl_rel{ width: 820px; margin: 0 auto; border-top: 1px solid #E5EAF0; height: 20px; line-height: 20px; padding: 20px 0 25px;} .tjfl .tjfl_rel div{ float: left; height: 20px; overflow: hidden; width: 71px; font-size: 12px; color: #000; font-weight: bold;} .tjfl .tjfl_rel div img{ width: 13px; vertical-align: top; margin: 4px 10px 0 0;} .tjfl .tjfl_rel a{ float: left; text-decoration: none; color: #555; font-size: 12px; max-width: 740px; overflow: hidden; height: 20px;} /* 公司简介 */ .gsjj_box{ padding: 20px; height: auto; overflow: hidden; width: 820px; background-color: #fff;} .gsjj_box .gsjj_box_tit{ width: 820px; overflow: hidden; height: auto; line-height: 40px; color: #111; text-align: center; font-size: 28px;} .gsjj_box .gsjj_box_txt{ width: 820px; overflow: hidden; height: auto; font-size: 14px; color: #111; line-height: 34px; margin-top: 20px;} .gsjj_box .gsjj_xian{ display: block; margin: 15px auto; width: 60px; height: 3px; overflow: hidden; background-color: #ff000d;} .gsjj_box .gsjj_fx{ float: right; max-width: 820px; height: 34px; margin-top: 20px;} .gsjj_box .gsjj_fx a{ float: left; width: 34px; height: 34px; margin-left: 10px; position: relative;} .gsjj_box .gsjj_fx a p{ border-radius: 50px; height: 32px; width: 32px; text-align: center; margin: 0; line-height: 29px; overflow: hidden; border: 1px solid #E5EAF0;} .gsjj_box .gsjj_fx a p img{ width: 21px; vertical-align: middle;} .gsjj_box .gsjj_fx a div{ display: none; position: absolute; bottom: 44px; right: 0; box-shadow: 0 2px 10px #aaa; width: 80px; padding: 10px; background-color: #fff; height: 100px; border: 1px solid #eee;} .gsjj_box .gsjj_fx a div img{ width: 80px; display: block;} .gsjj_box .gsjj_fx a div span{ display: block; height: 20px; width: 80px; text-align: center; color: #333; font-size: 12px; line-height: 20px; overflow: hidden;} .gsjj_box .gsjj_fx a:hover div{ display: block;} /* 工商信息 */ .gsxx{ width: 860px; overflow: hidden; height: auto; margin-top: 20px; background-color: #fff; padding-bottom: 20px;} .gsxx .gsxx_box{ width: 820px; padding: 0 20px; overflow: hidden; height: auto;} .gsxx_box .gsxx_box_txt{ width: 470px; float: left; overflow: hidden; height: auto;} .gsxx_box .gsxx_box_txt div{ width: 470px; margin-top: 20px; height: auto; overflow: hidden;} .gsxx_box .gsxx_box_txt div p{ float: left; margin: 0; font-size: 15px; line-height: 24px; color: #777; width: 100px; height: auto;} .gsxx_box .gsxx_box_txt div span{ float: left; height: auto; width: 370px; font-size: 15px; line-height: 24px; color: #111;} .gsxx_box .gsxx_box_img{ width: 330px; float: right; text-align: center; overflow: hidden; height: auto;} .gsxx_box .gsxx_box_img img{ max-width: 100%;} .gsxx .gsxx_box2{ width: 820px; padding: 0 20px; margin-top: 20px; overflow: hidden; height: auto;} .gsxx .gsxx_box2 p{ float: left; margin: 0; font-size: 15px; line-height: 24px; color: #777; width: 100px; height: auto;} .gsxx .gsxx_box2 span{ float: left; height: auto; width: 720px; font-size: 15px; line-height: 24px; color: #111;} /* 办事机构 */ .bsjg{ width: 860px; overflow: hidden; height: auto; background-color: #fff; margin-top: 20px; padding-bottom: 20px;} .bsjg_box .bsjg_cont{ float: left; border: 1px solid #E5EAF0; width: 218px; height: 225px; padding: 20px; margin: 20px 0 0 20px; overflow: hidden;} .bsjg_box .bsjg_cont div{ width: 218px; overflow: hidden; height: 25px; line-height: 25px; font-size: 18px; font-weight: bold; color: #111; text-overflow: ellipsis; white-space: nowrap;} .bsjg_box .bsjg_cont p{ margin: 10px 0 0; overflow: hidden; font-size: 14px; color: #7E8790; height: auto; line-height: 25px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} /* 诚聘英才 */ .cpyc_box{ width: 860px; height: auto; overflow: hidden;} .cpyc_box .cpyc_cont{ background-color: #fff; width: 384px; margin: 12px 12px 0 0; height: 80px; overflow: hidden; float: left; padding: 20px;} .cpyc_box .cpyc_cont:nth-child(2n){ margin-right: 0;} .cpyc_box .cpyc_cont a{ display: block; text-decoration: none; font-size: 16px; overflow: hidden; height: 50px; line-height: 24px; color: #0F1418; width: 384px;} .cpyc_box .cpyc_cont div{ width: 384px; height: 20px; line-height: 20px; margin-top: 10px; overflow: hidden;} .cpyc_box .cpyc_cont div p{ margin: 0; float: left; height: 20px; margin-right: 5px; padding: 0 6px; border-radius: 2px; background-color: #E7F3FF; color: #1479D7; font-size: 12px;} .cpyc_box .cpyc_cont div span{ float: right; height: 20px; color: #ff000d; font-size: 12px;} /* 诚聘英才-详情 */ .cpyc_deta{ background-color: #fff; height: auto; padding: 20px; overflow: hidden; width: 820px;} .cpyc_deta .cpyc_deta_tit{ font-weight: bold; font-size: 28px; width: 820px; height: auto; overflow: hidden; line-height: 40px;} .cpyc_deta .cpyc_deta_yq{ width: 820px; height: 80px; overflow: hidden; margin-top: 20px;} .cpyc_deta_yq .cpycdeta_yqleft_top{ width: 820px; height: 40px; line-height: 40px; font-weight: bold; font-size: 32px; color: #E53917; overflow: hidden;} .cpyc_deta_yq .cpycdeta_yqleft_bot{ width: 820px; height: 22px; line-height: 22px; margin-top: 18px; font-size: 14px; color: #7E8790; overflow: hidden;} .cpyc_deta .cpyc_deta_yq button{ float: right; border: none; height: 56px; width: 200px; border-radius: 6px; background-color: #1479D7; color: #fff; font-size: 20px;} .cpyc_deta .cpyc_deta_fx{ width: 820px; height: 34px; margin-top: 20px; border-bottom: 1px solid #E5EAF0; padding-bottom: 25px;} .cpyc_deta .deta_fx_div{ float: left; height: 34px; line-height: 34px; overflow: hidden; color: #7E8790; font-size: 14px;} .cpyc_deta .cpyc_deta_fx a{ float: left; width: 34px; height: 34px; margin-left: 10px; position: relative;} .cpyc_deta .cpyc_deta_fx a p{ border-radius: 50px; height: 32px; width: 32px; text-align: center; margin: 0; line-height: 29px; overflow: hidden; border: 1px solid #E5EAF0;} .cpyc_deta .cpyc_deta_fx a p img{ width: 21px; vertical-align: middle;} .cpyc_deta .cpyc_deta_fx a div{ display: none; position: absolute; bottom: 44px; left: 50%; margin-left: -50px; box-shadow: 0 2px 10px #aaa; width: 110px; padding: 10px; background-color: #fff; height: 130px; border: 1px solid #eee;} .cpyc_deta .cpyc_deta_fx a div img{ width: 110px; display: block;} .cpyc_deta .cpyc_deta_fx a div span{ display: block; height: 20px; width: 110px; text-align: center; color: #333; font-size: 12px; line-height: 20px; overflow: hidden;} .cpyc_deta .cpyc_deta_fx a:hover div{ display: block;} /* 职位描述 */ .cpyc_deta .cpyc_zwms{ width: 820px; height: auto; overflow: hidden;} .cpyc_deta .cpyc_zwms div{ width: 820px; overflow: hidden; height: 22px; margin-top: 20px; font-weight: bold; line-height: 22px; font-size: 18px; color: #4F5862;} .cpyc_deta .cpyc_zwms span{ width: 33px; height: 3px; background-color: #ff000d; display: block; margin-top: 10px;} .cpyc_deta .cpyc_zwms p{ margin: 20px 0 0; color: #333; font-size: 14px; line-height: 24px; overflow: hidden; width: 820px; height: auto;} /* 其他职位 */ .qtzw{ width: 860px; height: auto; background-color: #fff; margin-top: 20px; padding-bottom: 20px; overflow: hidden;} .qtzw_tit{ width: 860px; height: 58px; overflow: hidden;} .qtzw_tit .qtzw_tit_txt{ width: 820px; padding: 0 20px; overflow: hidden; height: 55px; line-height: 55px;} .qtzw_tit .qtzw_tit_txt p{ float: left; color: #0F1418; font-size: 22px; height: 67px; margin: 0;} .qtzw_tit .qtzw_tit_txt a{ float: right; text-decoration: none; font-size: 14px; color: #666; height: 55px; margin: 0;} .qtzw_tit .qtzw_tit_txt a img{ vertical-align: top; width: 8px; margin: 22px 0 0 5px;} .qtzw_tit .qtzw_tit_bg{ width: 860px; height: 3px; overflow: hidden; margin: 0; background-color: #1479d7;} .qtzw_tit .qtzw_tit_bg span{ width: 860px; height: 3px; overflow: hidden; display: block; background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); background: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); background: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.7)); } .qtzw .qtzw_box{ width: 860px; overflow: hidden; height: auto;} .qtzw_box .qtzw_cont{ float: left; width: 228px; height: auto; padding: 15px; overflow: hidden; border: 1px solid #F0F0F0; margin: 20px 0 0 20px; border-radius: 4px;} .qtzw_cont a{ display: block; width: 228px; height: 25px; font-size: 16px; color: #0F1418; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; overflow: hidden;} .qtzw_cont .qtzw_cont_yq{ height: 22px; width: 228px; line-height: 22px; overflow: hidden; font-size: 12px; margin-top: 6px;} .qtzw_cont .qtzw_cont_yq p{ float: left; margin: 0; color: #666; height: 22px; overflow: hidden;} .qtzw_cont .qtzw_cont_yq span{ float: left; color: #ddd; margin: 0 8px; overflow: hidden; height: 22px;} .qtzw_cont .qtzw_cont_jg{ width: 228px; overflow: hidden; height: 20px; margin-top: 16px; line-height: 20px; font-size: 14px; color: #ff000d;} /* 联系我们 */ .lxwm{ width: 820px; height: auto; padding: 20px; overflow: hidden; background-color: #fff;} .lxwm .lxwm_top{ height: 70px; width: 820px; border-bottom: 1px solid #E5EAF0;} .lxwm_top .lxwm_top_left{ height: 70px; line-height: 50px; overflow: hidden; float: left; font-size: 24px; color: #000;} .lxwm_top .lxwm_fx{ float: right; height: 34px; margin-top: 8px;} .lxwm_fx .lxwm_div{ float: left; height: 34px; line-height: 34px; overflow: hidden; color: #7E8790; font-size: 14px;} .lxwm_fx a{ float: left; width: 34px; height: 34px; margin-left: 10px; position: relative;} .lxwm_fx a p{ border-radius: 50px; height: 32px; width: 32px; text-align: center; margin: 0; line-height: 29px; overflow: hidden; border: 1px solid #E5EAF0;} .lxwm_fx a p img{ width: 21px; vertical-align: middle;} .lxwm_fx a div{ display: none; position: absolute; top: 44px; right: 0; z-index: 9; box-shadow: 0 2px 10px #aaa; width: 110px; padding: 10px; background-color: #fff; height: 130px; border: 1px solid #eee;} .lxwm_fx a div img{ width: 80px; display: block;} .lxwm_fx a div span{ display: block; height: 20px; width: 110px; text-align: center; color: #333; font-size: 12px; line-height: 20px; overflow: hidden;} .lxwm_fx a:hover div{ display: block;} .lxwm .lxwm_weizhi{ width: 820px; overflow: hidden; height: auto; margin-top: 30px;} .lxwm_weizhi .lxwm_wztxt_tit{ width: 820px; height: auto; overflow: hidden; line-height: 34px; font-size: 18px; color: #000;} .lxwm_weizhi span{ display: block; margin: 20px 0 30px; height: 3px; width: 60px; background-color: #ff000d;} .lxwm_weizhi .lxwm_wztxt_name{ width: 820px; height: 25px; line-height: 25px; overflow: hidden; margin-bottom: 15px;} .lxwm_weizhi .lxwm_wztxt_name .til{ width: 100px; color: #7E8790; float: left; font-size: 14px; height: 25px;} .lxwm_weizhi .lxwm_wztxt_name p{ margin: 0; overflow: hidden; height: 25px; float: left; width: 720px; color: #000; font-size: 16px;} /* 技术文章详情 */ .jswz_canshu{ width: 820px; height: auto; margin: 20px 0 0; overflow: hidden; padding: 0 20px;} .jswz_canshu li{ float: left; height: 45px; width: 405px; line-height: 45px; overflow: hidden; margin: 0 10px 2px 0;} .jswz_canshu li:nth-child(2n){ margin-right: 0;} .jswz_canshu li p{ float: left; margin: 0 2px 0 0; text-align: center; font-size: 14px; color: #222; background-color: #E5EAF0; width: 90px; height: 45px; overflow: hidden;} .jswz_canshu li div{ float: left; background-color: #F5F8FC; font-size: 14px; color: #555; padding: 0 10px; overflow: hidden; height: 45px; width: 293px;} .jswz_canshu li div span{ float: left; height: 45px; line-height: 45px; color: #555;} .jswz_canshu li div a{ float: right; text-decoration: none; height: 28px; line-height: 28px; padding: 0 10px; margin-top: 8px; border-radius: 2px; font-size: 14px; color: #ff000d; border: 1px solid #ff000d;} .jswz_canshu li div a img{ width: 16px; vertical-align: top; margin: 7px 5px 0 0;} .lancolor{ color: #1479D7 !important;} .jswz_fazy{ width: 820px; height: auto; margin-top: 20px; overflow: hidden; padding: 0 20px;} .jswz_fazy div{ width: 820px; overflow: hidden; height: 25px; color: #444; font-weight: bold; font-size: 20px; line-height: 25px;} .jswz_fazy p{ margin: 20px 0 0; height: auto; overflow: hidden; width: 820px; color: #444; font-size: 16px; line-height: 32px;} /* 产品配置单 */ .jswz_cppz{ width: 820px; height: auto; margin-top: 20px; overflow: hidden; padding: 0 20px;} .jswz_cppz .jswz_cppz_tit{ width: 820px; overflow: hidden; height: 25px; color: #444; font-weight: bold; font-size: 20px; line-height: 25px;} .jswz_cppz .jswz_cppz_box{ width: 818px; overflow: hidden; margin-top: 20px; border-radius: 2px; height: auto; border: 1px solid #E5EAF0;} .jswz_cppz_box .jswz_box_tit{ width: 778px; overflow: hidden; padding: 0 20px; font-size: 18px; color: #555; height: 50px; line-height: 50px; background-color: #F5F7FA; border-bottom: 1px solid #E5EAF0;} .jswz_cppz_box .jswz_box_cont{ width: 778px; height: auto; overflow: hidden; padding: 20px;} .jswz_box_cont a { text-decoration: none; } .jswz_box_cont a.img{ float: left; width: 128px; height: 148px; line-height: 145px; margin-right: 20px; border-radius: 2px; overflow: hidden; border: 1px solid #E5EAF0;} .jswz_box_cont a.img img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .jswz_box_cont .jswz_cpcont_txt{ float: left; width: 628px; overflow: hidden; height: 150px;} .jswz_cpcont_txt .jswz_cpcont_name{ width: 628px; overflow: hidden; height: 45px; line-height: 45px; margin-bottom: 10px; color: #0F1418; font-size: 20px;} .jswz_cpcont_txt .jswz_cpcont_cs{ width: 628px; overflow: hidden; height: 95px;} .jswz_cpcont_cs .jswz_cpcont_csul{ float: left; height: 95px; width: 196px; margin-right: 20px; overflow: hidden;} .jswz_cpcont_cs .jswz_cpcont_csul:nth-child(3){ margin-right: 0;} .jswz_cpcont_csul p{ color: #999; font-size: 14px; overflow: hidden; width: 196px; margin: 0 0 5px 0; height: 25px; line-height: 25px;} .jswz_cpcont_csul .jswz_cpcont_csul_bj{ color: #ff000d; display: block; height: 25px; font-size: 20px; font-weight: bold; line-height: 25px; width: 196px; text-align: center;} .jswz_cpcont_csul .jswz_cpcont_csul_bj2{ color: #999; font-size: 14px; overflow: hidden; display: block; margin-top: 10px; width: 196px; height: 25px; text-align: center; line-height: 25px;} .jswz_cpcont_csul div{ border: 1px solid #1479D7; overflow: hidden; margin: 6px auto 0; cursor: pointer; border-radius: 2px; width: 100px; color: #1479D7; font-size: 14px; height: 25px; text-align: center; line-height: 25px;} .jswz_cpcont_csul div img{ width: 18px; vertical-align: top; margin: 4px 5px 0 0;} /* 下载本篇解决方案 */ .jswz_xzfa{ width: 820px; overflow: hidden; height: auto; margin-top: 20px; padding: 0 20px;} .jswz_xzfa .jswz_xzfa_tit{ width: 820px; overflow: hidden; height: 25px; color: #444; font-weight: bold; font-size: 20px; line-height: 25px;} .jswz_xzfa table{ margin-top: 20px; width: 820px; border: 1px solid #E5EAF0; border-bottom: none;} .jswz_xzfa table tr{ overflow: hidden; width: 100%;} .jswz_xzfa table tr th{ font-size: 16px; color: #777; font-weight: normal; height: 40px; line-height: 40px; text-align: center; padding: 0 10px; border-bottom: 1px solid #ebeff4;} .jswz_xzfa table tr td{ font-size: 14px; color: #333; padding: 0 10px; text-align: center; height: 60px; line-height: 60px; border-bottom: 1px solid #ebeff4;} .jswz_xzfa table tr td div{ display: block; cursor: pointer; text-decoration: none; height: 28px; margin: 0 auto; line-height: 28px; width: 100px; text-align: center; border-radius: 2px; font-size: 14px; color: #ff000d; border: 1px solid #ff000d;} .jswz_xzfa table tr td div img{ width: 16px; vertical-align: top; margin: 7px 5px 0 0;} /* 动态详情 */ .gsdtxq_top{ background-color: #fff; overflow: hidden; width: 860px; height: auto; padding: 20px 0;} .gsdtxq_top .gsdtxq_tit{ width: 820px; padding: 0 20px; height: auto; line-height: 40px; font-size: 28px; color: #0F1418; font-weight: bold; overflow: hidden;} .gsdtxq_top .gsdtxq_fx{ padding-bottom: 20px; height: 34px; width: 820px; margin: 20px auto 0; border-bottom: 1px solid #E5EAF0;} .gsdtxq_fx .gsdtxq_fx_left{ float: left; overflow: hidden; height: 34px; line-height: 34px; font-size: 14px; color: #777;} .gsdtxq_fx .gsdtxq_fx_rig{ float: right; height: 34px;} .gsdtxq_fx_rig .gsdtxq_fx_rdiv{ float: left; height: 34px; line-height: 34px; overflow: hidden; color: #7E8790; font-size: 14px;} .gsdtxq_fx_rig a{ float: left; width: 34px; height: 34px; margin-left: 10px; position: relative;} .gsdtxq_fx_rig a p{ border-radius: 50px; height: 32px; width: 32px; text-align: center; margin: 0; line-height: 29px; overflow: hidden; border: 1px solid #E5EAF0;} .gsdtxq_fx_rig a p img{ width: 21px; vertical-align: middle;} .gsdtxq_fx_rig a div{ display: none; position: absolute; top: 44px; right: 0; box-shadow: 0 2px 10px #aaa; width: 110px; padding: 10px; background-color: #fff; height: 130px; border: 1px solid #eee;} .gsdtxq_fx_rig a div img{ width: 80px; display: block;} .gsdtxq_fx_rig a div span{ display: block; height: 20px; width: 110px; text-align: center; color: #333; font-size: 12px; line-height: 24px; overflow: hidden;} .gsdtxq_fx_rig a:hover div{ display: block;} .gsdtxq_top .gsdtxq_neir{ padding: 0 20px; overflow: hidden; margin-top: 20px; width: 820px; height: auto;} .gsdtxq_top .gsdtxq_sx{ width: 860px; height: auto; overflow: hidden; margin-top: 80px;} .gsdtxq_top .gsdtxq_sx div{ float: left; margin-left: 20px; width: 358px; height: 70px; padding: 20px; border-radius: 3px; border: 1px solid #E5EAF0; overflow: hidden;} .gsdtxq_top .gsdtxq_sx div .gsdtxq_sx_t{ width: 358px; overflow: hidden; text-decoration: none; font-size: 16px; color: #0F1418; display: block; height: 25px; line-height: 25px;} .gsdtxq_top .gsdtxq_sx div .gsdtxq_sx_t img{ width: 16px; vertical-align: top; margin: 5px 5px 0 0;} .gsdtxq_top .gsdtxq_sx div .gsdtxq_sx_b{ display: block; color: #111; font-size: 16px; text-decoration: none; width: 358px; overflow: hidden; height: 25px; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; margin-top: 20px;} /* 动态详情-最新动态 */ .main_left .gsdtxq_zxdt{ width: 860px; height: auto; overflow: hidden; margin-top: 20px; padding-bottom: 20px; background-color: #fff;} .gsdtxq_zxdt .gsdtxq_zxdt_box{ width: 860px; height: auto; overflow: hidden;} .gsdtxq_zxdt_box .gsdtxq_zxdt_cont{ float: left; width: 368px; border: 1px solid #E5EAF0; padding: 15px; height: 90px; overflow: hidden; margin: 20px 0 0 20px;} .gsdtxq_zxdt_cont .gsdtxq_zxdt_img{ float: left; width: 130px; height: 90px; margin-right: 15px; overflow: hidden;} .gsdtxq_zxdt_cont .gsdtxq_zxdt_img img{ width: 100%; height: 100%; object-fit: cover;} .gsdtxq_zxdt_cont .gsdtxq_zxdt_txt{ float: left; height: 90px; width: 223px; overflow: hidden;} .gsdtxq_zxdt_txt a{ text-decoration: none; overflow: hidden; height: 50px; width: 223px; text-decoration: none; line-height: 24px; font-size: 16px; color: #111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .gsdtxq_zxdt_txt .gsdtxq_zxdt_time{ width: 223px; overflow: hidden; margin-top: 16px; height: 24px;} .gsdtxq_zxdt_txt .gsdtxq_zxdt_time div{ float: left; height: 24px; line-height: 24px; border-radius: 2px; background-color: rgba(255, 0, 13, 0.1); color: #ff000d; overflow: hidden; padding: 0 10px; font-size: 12px;} .gsdtxq_zxdt_txt .gsdtxq_zxdt_time span{ margin: 0; float: right; height: 24px; line-height: 24px; color: #666; font-size: 14px; overflow: hidden;} /* 产品详情 */ .cpxq_top{ background-color: #fff; overflow: hidden; width: 860px; height: auto; padding: 20px 0;} /* 产品详情-产品信息 */ .cpxq_top .cpxq_cpxx{ width: 820px; padding: 20px; height: 260px; overflow: hidden;} .cpxq_cpxx .cpxq_cpxx_img{ float: left; border: 1px solid #E5EAF0; width: 258px; height: 258px; line-height: 255px; margin-right: 20px; border-radius: 2px; text-align: center; overflow: hidden;} .cpxq_cpxx .cpxq_cpxx_img img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .cpxq_cpxx .cpxq_cpxx_txt{ float: left; height: 260px; width: 540px;} .cpxq_cpxx_txt .cpxq_cpxx_tit{ width: 540px; height: 60px; margin-bottom: 10px; overflow: hidden;} .cpxq_cpxx_tit .cpxq_cpxx_tit_top{ width: 540px; height: 25px; line-height: 25px; overflow: hidden; color: #333; font-size: 20px; font-weight: bold;} .cpxq_cpxx_tit .cpxq_cpxx_tit_top img{ vertical-align: middle; max-height: 25px; margin-left: 8px;} .cpxq_cpxx_tit .cpxq_cpxx_tit_bot{ width: 540px; overflow: hidden; height: 25px; margin-top: 10px;} .cpxq_cpxx_tit .cpxq_cpxx_tit_bot img{ height: 24px; margin-left: 4px; vertical-align: top;} .cpxq_cpxx_tit .cpxq_cpxx_tit_bot a{ height: 24px; display: inline-block; vertical-align: top;} .cpxq_cpxx_txt ul{ padding: 0px; margin: 0; width: 540px; height: 96px; overflow: hidden;} .cpxq_cpxx_txt ul li{ float: left; width: 270px; margin-top: 10px; font-size: 12px; height: 22px; line-height: 22px; color: #999; overflow: hidden;} .cpxq_cpxx_txt ul li span{ color: #333;} .cpxq_cpxx_txt ul li a{ color: #333; text-decoration: none;} .cpxq_cpxx_txt ul li a:hover{ text-decoration: underline;} .jg_red{ color: #E53917 !important; font-weight: bold; font-size: 16px;} .cpxq_cpxx_txt .cpxq_cpxx_but{ width: 540px; height: 43px; margin-top: 51px;} .cpxq_cpxx_but button{ float: left; height: 43px; line-height: 43px; cursor: pointer; border-radius: 4px; overflow: hidden; padding: 0 20px; border: none; font-size: 16px; color: #fff;} .cpxq_cpxx_but button img{ vertical-align: top; width: 20px; margin: 12px 10px 0 0;} .cpxq_cpxx_but .cpxq_fx{ float: right; height: 34px; margin-top: 4px;} .cpxq_cpxx_but .cpxq_fx a{ float: left; width: 34px; height: 34px; margin-left: 10px; position: relative;} .cpxq_cpxx_but .cpxq_fx a p{ border-radius: 50px; height: 32px; width: 32px; text-align: center; margin: 0; line-height: 29px; overflow: hidden; border: 1px solid #E5EAF0;} .cpxq_cpxx_but .cpxq_fx a p img{ width: 21px; vertical-align: middle;} .cpxq_cpxx_but .cpxq_fx a div{ display: none; position: absolute; bottom: 44px; right: 0; box-shadow: 0 2px 10px #aaa; width: 120px; padding: 5px; background-color: #fff; height: 144px; border: 1px solid #eee;} .cpxq_cpxx_but .cpxq_fx a div img{ width: 120px; display: block;} .cpxq_cpxx_but .cpxq_fx a div span{ display: block; height: 20px; width: 120px; text-align: center; color: #333; font-size: 12px; line-height: 20px; overflow: hidden;} .cpxq_cpxx_but .cpxq_fx a:hover div{ display: block;} /* 产品详情-核心参数 */ .cpxq_top .cpxq_hxcs{ overflow: hidden; overflow: hidden; padding: 20px; width: 780px; background-color: #F5F8FC; margin: 20px auto;} .cpxq_hxcs .cpxq_hxcs_tit{ width: 780px; color: #0F1418; margin-bottom: 10px; font-weight: bold; font-size: 20px; height: 25px; line-height: 25px; overflow: hidden;} .cpxq_hxcs ul{ padding: 0; margin: 0; width: 780px; overflow: hidden;} .cpxq_hxcs ul li{ float: left; margin-top: 10px; width: 390px; overflow: hidden; height: 22px; line-height: 22px; color: #999; font-size: 14px;} .cpxq_hxcs ul li span{ color: #555;} /* 产品详情-展位推荐 */ .cpxq_top .cpxq_zwtj{ width: 860px; overflow: hidden; height: auto;} .cpxq_zwtj .cpxq_zwtj_tit{ width: 820px; padding: 0 20px; color: #0F1418; font-weight: bold; font-size: 20px; height: 25px; line-height: 25px; overflow: hidden;} .cpxq_zwtj .cpxq_zwtj_box{ width: 860px; overflow: hidden; height: auto;} .cpxq_zwtj .cpxq_zwtj_box div{ float: left; height: auto; padding-bottom: 20px; width: 148px; padding: 20px; border: 1px solid #E5EAF0; overflow: hidden; margin: 20px 0 0 20px;} .cpxq_zwtj_box div .cpxq_zwtj_img{ display: block; width: 148px; height: 148px; line-height: 146px; text-align: center; overflow: hidden;} .cpxq_zwtj_box div .cpxq_zwtj_img img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .cpxq_zwtj_box div .cpxq_zwtj_txt{ width: 148px; display: block; overflow: hidden; height: 50px; line-height: 26px; margin-top: 10px; text-decoration: none; font-size: 16px; color: #0F1418; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} /* 产品详情-产品介绍 */ .cpxq_jies{ width: 860px; height: auto; overflow: hidden; margin-top: 20px; padding-bottom: 20px; background-color: #fff;} .cpxq_jies .cpxqjs_box{ width: 820px; height: auto; padding: 0 20px; overflow: hidden;} .cpxqjs_box .cpxqjs_box_tit{ width: 820px; height: 24px; font-size: 18px; margin: 20px 0; color: #333; font-weight: bold; line-height: 24px; overflow: hidden;} .cpxqjs_box .cpxqjs_box_txt{ height: auto; overflow: hidden; width: 820px; line-height: 28px; font-size: 14px; color: #333;} /* 产品详情-相关仪器 */ .cpxq_xgyq{ width: 860px; height: auto; overflow: hidden; margin-top: 20px; padding-bottom: 20px; background-color: #fff;} .cpxq_xgyq .cpxq_xgyq_box{ width: 860px; height: auto; overflow: hidden;} .cpxq_xgyq_box .cpxq_xgyq_cont{ float: left; width: 148px; height: auto; margin: 20px 0 0 20px; padding: 0 20px 20px; overflow: hidden; border: 1px solid #E5EAF0;} .cpxq_xgyq_cont .cpxq_xgyq_img{ display: block; width: 148px; height: 148px; text-align: center; line-height: 146px; overflow: hidden; margin: 15px auto 0;} .cpxq_xgyq_cont .cpxq_xgyq_img img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .cpxq_xgyq_cont .cpxq_xgyq_txt{ width: 148px; display: block; overflow: hidden; height: 50px; line-height: 26px; margin-top: 10px; text-decoration: none; font-size: 16px; color: #0F1418; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .cpxq_xgyq_cont p{ margin: 10px 0 0; overflow: hidden; color: #666; font-size: 12px; width: 148px; height: 22px; line-height: 22px;} .cpxq_xgyq_cont span{ display: block; overflow: hidden; color: #ff000d; font-size: 14px; width: 148px; height: 22px; line-height: 22px; margin-top: 10px;} /* 产品详情-相关方案 */ .cpxq_xgfa{ width: 860px; height: auto; overflow: hidden; margin-top: 20px; padding-bottom: 20px; background-color: #fff;} .cpxq_xgfa .cpxq_xgfa_box{ width: 860px; height: auto; overflow: hidden;} .cpxq_xgfa_box .cpxq_xgfa_cont{ float: left; width: 368px; border: 1px solid #E5EAF0; padding: 15px; height: 95px; overflow: hidden; margin: 20px 0 0 20px;} .cpxq_xgfa_cont .cpxq_xgfa_img{ float: left; width: 120px; height: 95px; margin-right: 15px; text-align: center; line-height: 91px; overflow: hidden;} .cpxq_xgfa_img img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .cpxq_xgfa_cont .cpxq_xgfa_txt{ float: left; height: 95px; width: 233px; overflow: hidden;} .cpxq_xgfa_cont .cpxq_xgfa_txt a{ text-decoration: none; overflow: hidden; height: 50px; width: 233px; text-decoration: none; line-height: 24px; font-size: 16px; color: #111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .cpxq_xgfa_txt .cpxq_xgfa_time{ width: 233px; overflow: hidden; margin-top: 20px; height: 24px;} .cpxq_xgfa_txt .cpxq_xgfa_time div{ float: left; height: 24px; line-height: 24px; border-radius: 2px; background-color: rgba(255, 0, 13, 0.1); color: #ff000d; overflow: hidden; padding: 0 10px; font-size: 12px;} .cpxq_xgfa_txt .cpxq_xgfa_time span{ margin: 0; float: right; height: 24px; line-height: 24px; color: #666; font-size: 14px; overflow: hidden;} /* 产品详情-问商家 */ .cpxqwsj{ width: 860px; height: auto; overflow: hidden; margin-top: 20px; padding-bottom: 20px; background-color: #fff;} .cpxqwsj .cpxqwsj_box{ height: auto; margin: 0; overflow: hidden; padding: 0 20px; width: 820px;} .cpxqwsj .cpxqwsj_box li{ float: left; background-color: #F8F9FA; cursor: pointer; width: 366px; height: 32px; padding: 0 13px; line-height: 32px; margin: 15px 35px 0 0; color: #333; font-size: 14px; overflow: hidden;} .cpxqwsj .cpxqwsj_box li img{ width: 17px; vertical-align: top; margin: 8px 13px 0 0;} .cpxqwsj .cpxqwsj_box li:nth-child(2n){ margin-right: 0;} /* 产品详情-联系我们 */ .cpxq_lxwm{ width: 860px; height: auto; overflow: hidden; margin-top: 20px; padding-bottom: 20px; background-color: #fff;} .cpxq_lxwm .cpxq_lxwm_box{ width: 820px; overflow: hidden; height: auto; padding: 0 20px; margin-top: 30px;} .cpxq_lxwm_box .cpxq_lxwm_tit{ width: 820px; height: auto; overflow: hidden; line-height: 34px; font-size: 18px; color: #000;} .cpxq_lxwm_box span{ display: block; margin: 20px 0 30px; height: 3px; width: 60px; background-color: #ff000d;} .cpxq_lxwm_box .cpxq_lxwm_name{ width: 820px; margin-bottom: 15px; height: 25px; line-height: 25px;} .cpxq_lxwm_box .cpxq_lxwm_name div{ float: left; margin: 0; color: #7E8790; font-size: 14px; overflow: hidden; height: auto; width: 100px;} .cpxq_lxwm_box .cpxq_lxwm_name p{ float: left; margin: 0; overflow: hidden; height: auto; width: 720px; color: #000; font-size: 16px;} .cpsm{ width: 820px; background-color: #fff; height: auto; line-height: 24px; font-size: 14px; color: #333; padding: 20px; overflow: hidden; margin-top: 20px;} /* 联系我们-最新动态 */ .lxwm_zxdt{ width: 860px; height: auto; margin-top: 20px; background-color: #fff; padding-bottom: 20px; overflow: hidden;} .lxwm_zxdt .lxwm_zxdt_box{ width: 860px; height: auto; overflow: hidden;} .lxwm_zxdt_box .lxwm_zxdt_cont{ float: left; padding: 15px; width: 368px; margin: 20px 0 0 20px; overflow: hidden; height: 85px; border: 1px solid #E5EAF0;} .lxwm_zxdt_cont .lxwm_zxdt_img{ float: left; width: 145px; height: 85px; margin-right: 10px; overflow: hidden;} .lxwm_zxdt_cont .lxwm_zxdt_img img{ width: 100%; height: 100%; object-fit: cover;} .lxwm_zxdt_cont .lxwm_zxdt_txt{ float: left; height: 85px; width: 213px; overflow: hidden;} .lxwm_zxdt_txt a{ display: block; text-decoration: none; width: 213px; height: 50px; line-height: 24px; font-size: 16px; color: #111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .lxwm_zxdt_txt .lxwm_zxdt_rq{ width: 213px; overflow: hidden; margin-top: 11px; height: 24px;} .lxwm_zxdt_txt .lxwm_zxdt_rq div{ float: left; height: 24px; line-height: 24px; border-radius: 2px; background-color: rgba(255, 0, 13, 0.1); color: #ff000d; overflow: hidden; padding: 0 10px; font-size: 12px;} .lxwm_zxdt_txt .lxwm_zxdt_rq span{ float: right; height: 24px; line-height: 24px; color: #666; font-size: 14px; overflow: hidden;} /* 资质荣誉 */ .zzry{ width: 860px; overflow: hidden; height: auto; padding-bottom: 25px;} .zzry .zzry_cont{ float: left; width: 188px; height: auto; padding-bottom: 20px; overflow: hidden; border-radius: 4px; margin: 20px 0 0 20px; border: 1px solid #e7e7e7;} .zzry .zzry_cont div{ width: 188px; height: 149px; cursor: pointer; overflow: hidden; text-align: center; line-height: 145px;} .zzry .zzry_cont div img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .zzry .zzry_cont p{ width: 168px; display: block; margin: 10px auto 0; height: 45px; line-height: 24px; overflow: hidden; text-decoration: none; color: #0F1418; font-size: 16px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .showImgBox{ position: fixed;top: 0; left: 0; width: 100vw; height: 100vh; display: none;} .showImgBox .bj{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.4);} .showImgBox .imgBox{ width: 100%; height:100%; display: flex; align-items: center;justify-content: center;flex-direction: column;} .showImgBox .imgBox .img{ position: absolute; width: 60%; height: 80%; display: flex; align-items: center;justify-content: center;flex-direction: column;} .showImgBox .imgBox .img img{ max-width: 100%; max-height: 100%; width: auto; height: auto;} .showImgBox .imgBox .text{ padding-top: 20px; color: #fff; font-size: 16px;} /* 访客留言 */ .fkly{ width: 1160px; padding: 10px 20px 20px; margin: 0 auto; background-color: #fff; overflow: hidden;} .fkly .fkly_tit{ width: 1160px; overflow: hidden; height: 75px; font-size: 24px; color: #111; line-height: 75px; border-bottom: 1px solid #E5EAF0;} .fkly .fkly_box{ width: 770px; overflow: hidden; height: auto; margin: 0 auto;} .fkly_box .fkly_rad{ width: 770px; height: 20px; margin-top: 30px; overflow: hidden;} .fkly_box .fkly_rad p{ margin: 0; float: left; width: 110px; height: 20px; line-height: 20px; font-size: 14px; color: #666; overflow: hidden;} .fkly_box .fkly_rad p span{ color: #ff000d; font-weight: bold;} .fkly_box .fkly_rad div{ float: left; height: 20px; line-height: 20px; font-size: 14px; color: #333;} .fkly_box .fkly_rad div label{ margin-right: 20px; height: 20px; float: left;} .fkly_box .fkly_rad div label input{ vertical-align: top; margin: 4px 8px 0 0;} .fkly_box .fkly_inp{ width: 770px; height: 80px; margin-top: 20px; overflow: hidden;} .fkly_box .fkly_inp p{ margin: 0; width: 770px; height: 40px; line-height: 40px; font-size: 14px; color: #666; overflow: hidden;} .fkly_box .fkly_inp p span{ color: #ff000d; font-weight: bold;} .fkly_inp input{ outline: none; width: 500px; height: 38px; line-height: 38px; font-size: 16px; color: #666; border: 1px solid #DCDFE6; border-radius: 4px; padding: 0 10px;} .fkly_inp input::placeholder,.fkly_text textarea::placeholder{ color: #c0c4cc; /* 将颜色改为您想要的颜色 */ } .fkly_inp input::placeholder,.fkly_text textarea::placeholder{ /* Chrome, Opera, Safari */ color: #c0c4cc; /* 将颜色改为您想要的颜色 */ } .fkly_inp input::placeholder,.fkly_text textarea::placeholder{ /* Firefox 18- */ color: #c0c4cc; /* 将颜色改为您想要的颜色 */ opacity: 1; /* 修复Firefox中的不透明度问题 */ } .fkly_inp input::placeholder,.fkly_text textarea::placeholder{ /* Firefox 19+ */ color: #c0c4cc; /* 将颜色改为您想要的颜色 */ opacity: 1; /* 修复Firefox中的不透明度问题 */ } .fkly_inp input::placeholder,.fkly_text textarea::placeholder{ /* Internet Explorer 10-11 */ color: #c0c4cc; /* 将颜色改为您想要的颜色 */ } .fkly_text{ width: 770px; height: auto; margin-top: 20px; overflow: hidden;} .fkly_text p{ margin: 0; width: 280px; height: 40px; line-height: 40px; font-size: 14px; color: #666; overflow: hidden;} .fkly_text p span{ color: #ff000d; font-weight: bold;} .fkly_text textarea{ outline: none; display: block; width: 748px; height: 100px; line-height: 26px; font-size: 16px; color: #666; border: 1px solid #DCDFE6; border-radius: 4px; padding: 0 10px;} .fkly .fkly_sub{ font-size: 16px; color: #fff; background-color: #ed1d27; width: 140px; height: 43px; cursor: pointer; margin-top: 25px; border-radius: 6px; border: none;} /* 位置 */ .weizhi{ width: 1200px; height: 30px; line-height: 30px; margin: 10px auto; overflow: hidden;} .weizhi div{ font-size: 14px; color: #888; float: left; height: 30px; margin-right: 5px;} .weizhi a{ text-decoration: none; font-size: 14px; color: #888; float: left; height: 30px;} .weizhi a:hover{ color: #333;} .weizhi span{ float: left; font-size: 12px; color: #333; font-family: 宋体; font-weight: bold; margin: 0 6px;} .weizhi p{ margin: 0; font-size: 14px; color: #333; float: left; height: 30px;} /* 底部 */ .footerbox{ background-color: #dfdfdf; clear: both; min-width: 1200px; margin-top: 50px; width: 100%; padding: 30px 0; overflow: hidden; height: auto;} .footer{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden;} .footer .footer_left{ float: left; height: auto; overflow: hidden; width: 880px;} .footer_left .footer_zy{ width: 880px; height: auto; margin-bottom: 15px; overflow: hidden;} .footer_left .footer_zy p{ float: left; margin: 0 10px 0 0; color: #555; height: 40px; line-height: 20px; font-size: 14px; overflow: hidden;} .footer_left .footer_zy a{ float: left; text-decoration: none; overflow: hidden; margin-right: 20px; font-size: 14px; color: #9d9d9d;} .footer_left .footer_xian{ width: 880px; height: 1px; margin-top: 20px; background-color: #cacaca; overflow: hidden;} .footer_left .footer_lxfs{ width: 880px; height: auto; margin-top: 15px; overflow: hidden;} .footer_left .footer_lxfs p{ float: left; margin: 0 10px 0 0; color: #555; line-height: 30px; font-size: 14px; overflow: hidden;} .footer_left .footer_lxfs div{ float: left; color: #9d9d9d; height: auto; line-height: 30px; font-size: 14px; overflow: hidden;} .footer .footer_rig{ float: right; height: 160px; overflow: hidden; width: 280px;} .footer .footer_rig .ewm div:first-child { margin-left:0;} .footer .footer_rig div{ display:inline-block; width: 120px; margin-left: 20px; overflow: hidden; height: 160px;} .footer .footer_rig div span{ display: block; width: 120px; text-align: center; font-size: 14px; height: 20px; overflow: hidden; color: #555;} .footer .footer_rig div p{ margin: 20px 0 0; width: 120px; height: 120px; overflow: hidden;} .footer .footer_rig div p img{ width: 120px; height: 120px; display: block;} /* 留言询价 */ .fxp{ display: none; width: 100vw; height: 100vh; background: rgba(0,0,0,0.6); overflow: hidden; position: fixed; left: 0; top: 0; z-index: 999999999; justify-content: center; align-items: center;} .fxp .fxp_main{ margin: 50px auto; overflow: hidden; width: 690px; height: auto; border-radius: 8px; background-color: #fff; padding: 15px;} .fxp_main .fxp_img{ overflow: hidden; float: left; margin-right: 10px; width: 190px; height: 544px;} .fxp_main .fxp_img img{ height: 544px; display: block;} .fxp_main .fxp_rig{ float: left; height: 544px; width: 480px; overflow: hidden;} .fxp_rig .fxp_box{ width: 480; overflow: hidden; height: 444px;} .fxp_box .fxp_gb{ width: 480px; height: 20px; overflow: hidden; margin-bottom: 10px;} .fxp_box .fxp_gb span{ float: right; width: 24px; height: 20px; line-height: 16px; color: #bdbdbd; cursor: pointer; font-size: 34px; } .fxp_box .fxp_rad{ height: 32px; width: 480px; margin-bottom: 20px; overflow: hidden;} .fxp_box_pro .fxp_rad{ margin-bottom: 12px!important; } .fxp_box .fxp_rad p{ float: left; margin: 0 15px 0 0; height: 32px; width: 92px; text-align: right; color: #333; font-size: 14px; line-height: 32px; overflow: hidden;} .fxp_box .fxp_rad p span{ margin-right: 10px; vertical-align: middle; font-size: 20px; color: #EB5757;} .fxp_box .fxp_rad div{ float: left; height: 32px; line-height: 32px; width: 320px; color: #333; font-size: 14px; overflow: hidden;} .fxp_box .fxp_rad div label{ float: left; height: 32px; overflow: hidden; margin-right: 15px;} .fxp_box .fxp_rad div label input{ vertical-align: top; margin: 9px 8px 0 0;} .fxp_box .fxp_inp{ height: 32px; width: 480px; margin-bottom: 20px; overflow: hidden;} .fxp_box_pro .fxp_inp{ margin-bottom: 15px!important; } .fxp_box .fxp_inp p{ float: left; margin: 0 15px 0 0; height: 32px; width: 92px; text-align: right; color: #333; font-size: 14px; line-height: 32px; overflow: hidden;} .fxp_box .fxp_inp p span{ margin-right: 10px; font-size: 20px; color: #EB5757;} .fxp_box .fxp_inp input{ float: left; height: 30px; padding: 0 10px; width: 300px; color: #333; border-radius: 4px; outline: none; font-size: 14px; border: 1px solid #E0E0E0; overflow: hidden;} .fxp_box .fxp_txt{ height: 85px; width: 480px; margin-bottom: 20px; overflow: hidden;} .fxp_box_pro .fxp_txt{ margin-bottom: 12px!important; } .fxp_box .fxp_txt p{ float: left; margin: 0 15px 0 0; height: 82px; width: 92px; text-align: right; color: #333; font-size: 14px; line-height: 82px; overflow: hidden;} .fxp_box .fxp_txt p span{ margin-right: 10px; font-size: 20px; color: #EB5757;} .fxp_box .fxp_txt textarea{ float: left; resize: none; height: 70px; font-family: 微软雅黑; padding: 5px 10px; width: 300px; color: #333; border-radius: 4px; outline: none; font-size: 14px; border: 1px solid #E0E0E0; overflow: hidden;} .fxp_box .fxp_sj{ height: 32px; width: 480px; margin-bottom: 20px; overflow: hidden;} .fxp_box_pro .fxp_sj{ margin-bottom: 15px!important; } .fxp_box .fxp_sj p{ float: left; margin: 0 15px 0 0; height: 32px; width: 92px; text-align: right; color: #333; font-size: 14px; line-height: 32px; overflow: hidden;} .fxp_box .fxp_sj p span{ margin-right: 10px; font-size: 20px; color: #EB5757;} .fxp_box .fxp_sj input{ float: left; height: 30px; padding: 0 10px; width: 198px; color: #333; border-radius: 4px; outline: none; font-size: 14px; border: 1px solid #E0E0E0; overflow: hidden;} .fxp_box .fxp_sj div{ float: left; margin-left: 10px; height: 30px; width: 90px; cursor: pointer; line-height: 30px; text-align: center; border-radius: 4px; font-size: 14px; border: 1px solid #1479d7; color: #1479d7;} .fxp_box .fxp_yzm{ height: 32px; width: 480px; margin-bottom: 20px; overflow: hidden;} .fxp_box .fxp_yzm p{ float: left; margin: 0 15px 0 0; height: 32px; width: 92px; text-align: right; color: #333; font-size: 14px; line-height: 32px; overflow: hidden;} .fxp_box .fxp_yzm p span{ margin-right: 10px; font-size: 20px; color: #EB5757;} .fxp_box .fxp_yzm input{ float: left; height: 30px; padding: 0 10px; width: 198px; color: #333; border-radius: 4px; outline: none; font-size: 14px; border: 1px solid #E0E0E0; overflow: hidden;} .fxp_box .fxp_yzm img{ float: left; margin-left: 10px; height: 32px; width: 90px; border-radius: 4px; cursor: pointer;} .fxp_rig .fxp_sub{ width: 152px; height: 42px; line-height: 42px; cursor: pointer; letter-spacing: 4px; background: #1A6CF2; border-radius: 6px; text-align: center; font-size: 16px; font-weight: 400; color: #FFF; margin-left: 107px;} .fxp_rig .fxp_xieyi{ font-size: 12px; font-weight: 400; color: #969799; margin-top: 20px; height: 38px; line-height: 38px; text-align: center; background: #FAFAFA; width: 480px; overflow: hidden;} .fxp_rig .fxp_xieyi a{ text-decoration: none; color: #333;} /* 电话询价 */ .dhxj{ display: none; width: 100vw; height: 100vh; background: rgba(0,0,0,0.6); overflow: hidden; position: fixed; left: 0; top: 0; z-index: 999999999; justify-content: center; align-items: center;} .dhxj .dhxjbox{ width: 500px; overflow: hidden; height: 200px; background-color: #fff; border-radius: 12px; position: relative;} .dhxj .dhxjbox .dhxj_gb{ position: absolute; z-index: 99; top: 10px; right: 10px; display: block; width: 23px; height: 23px; cursor: pointer;} .dhxjbox .dhxjbox_top{ width: 460px; height: 123px; padding: 30px 20px 10px; background: url(dhxj_bg.png) 0 0/100% no-repeat;} .dhxjbox_top .dhxjbox_top_left{ float: left; overflow: hidden; height: 123px;} .dhxjbox_top .dhxjbox_top_left div{ height: 30px; line-height: 30px; margin: 30px 0 6px; overflow: hidden; color: #202933; font-size: 24px; font-weight: bold;} .dhxjbox_top .dhxjbox_top_left p{ color: #7E8790; font-size: 14px; overflow: hidden; margin: 0; height: 22px; line-height: 22px;} .dhxjbox_top .dhxjbox_top_left span{ color: red;} .dhxjbox_top .dhxjbox_top_rig{ float: right; overflow: hidden; height: 123px; width: 100px; margin-right: 20px;} .dhxjbox_top .dhxjbox_top_rig div{ width: 100px; height: 100px; overflow: hidden;} .dhxjbox_top .dhxjbox_top_rig div img{ width: 100%; height: 100%; display: block;} .dhxjbox_top .dhxjbox_top_rig p{ width: 100px; height: 23px; line-height: 23px; margin: 0; color: #7E8790; font-size: 12px; overflow: hidden;} .dhxjbox .dhxjbox_bot{ width: 460px; height: 37px; padding: 0 20px; font-size: 12px; line-height: 37px; background-color: #E7F2FE; color: #548FCB;} .dhxj .dhxjbox2{ display: none; background-color: #fff; width: 420px; height: auto; padding: 20px 20px 30px; border-radius: 6px; overflow: hidden; position: relative;} .dhxjbox2 .dhxjbox2_tit{ color: #333; font-size: 18px; height: 25px; line-height: 25px; overflow: hidden; margin-top: 10px;} .dhxjbox2 .dhxjbox2_tit2{ color: #7E8790; font-size: 15px; height: 20px; line-height: 20px; overflow: hidden; margin-top: 10px;} .dhxjbox2 .dhxjbox2_form{ width: 420px; height: auto; overflow: hidden;} .dhxjbox2 .dhxjbox2_form .dhxjbox2_form_inp{ width: 420px; height: 32px; overflow: hidden; margin-top: 20px;} .dhxjbox2_form .dhxjbox2_form_inp p{ float: left; height: 32px; width: 70px; text-align: right; line-height: 32px; margin: 0 10px 0 0; overflow: hidden; color: #7E8790; font-size: 14px;} .dhxjbox2_form .dhxjbox2_form_inp input{ float: left; width: 310px; border: 1px solid #f2f2f2; outline: none; font-size: 14px; border-radius: 2px; overflow: hidden; height: 30px; line-height: 30px; padding: 0 10px;} .dhxjbox2 .dhxjbox2_but{ width: 420px; overflow: hidden; height: 36px; margin-top: 30px;} .dhxjbox2 .dhxjbox2_but div{ float: left; height: 32px; line-height: 32px; padding: 0 15px; cursor: pointer; color: #1479d7; font-size: 14px; border-radius: 3px; border: 2px solid #1479d7; overflow: hidden;} .dhxjbox2 .dhxjbox2_but a{ float: right; height: 36px; line-height: 36px; padding: 0 15px; text-decoration: none; font-size: 14px; border-radius: 3px; color: #fff; background-color: #1479d7; overflow: hidden;} .dhxjbox2 .dhxj_gb2{ position: absolute; top: 15px; right: 15px; width: 24px; height: 20px; line-height: 16px; color: #bdbdbd; cursor: pointer; font-size: 34px;} /* 下载资料弹框 */ .liuyan{ position: fixed; top: 0; left: 0; z-index: 9999999; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); display: none; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .popwin_bt{ color: #333333; line-height: 32px; font-size: 16px; height: 30px; border-bottom: 1px solid #cccccc;} .popwin_nr{ background-color: #FFFFFF;} .popwin_nr{ color: #333333; padding-top: 8px; font-size: 14px;} .popwin_inputline{ margin-top: 5px; color: #444444;} .popwin_til{ width: 90px; text-align: right; line-height: 30px; float: left; font-size: 14px;} .popwin_input{ float: left; margin-left: 2px; width: 220px; padding: 3px 5px; border: 1px solid #cccccc; border-radius: 4px; font-size: 14px;} .popwin_text{ float: left; margin-left: 2px; width: 240px; padding: 3px 5px; border: 1px solid #cccccc; border-radius: 4px; font-size: 14px;} .popwin_sendbtn{ float: left; margin-left: 2px; margin-top: 15px; width: 180px; line-height: 32px; border: 0px; border-radius: 6px; font-size: 16px; background-color: #ed1d27; color: #FFFFFF;} .hd{width:1200px; margin:0 auto;} #focus {width:1200px; overflow:hidden; position:relative;} #focus ul { position:absolute; margin:0; padding:0;} #focus ul li {list-style: none outside none; float:left; width:1200px; overflow:hidden; position:relative; background:#000;} #focus ul li div {position:absolute; overflow:hidden;} #focus .btnBg {position:absolute; width:1200px; height:20px; left:0; bottom:0; } #focus .btn {position:absolute; width:1200px; height:10px; padding:5px 10px; right:0; bottom:10px; text-align:center;} #focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#ff0000;} #focus .btn span.on {background:#fff;} /*#focus .preNext {width:45px; height:100px; position:absolute; top:90px; cursor:pointer;background:url(sprite.png) no-repeat 0 0;}*/ #focus .preNext {width:45px; height:100px; position:absolute; top:90px; cursor:pointer;} #focus .pre {left:0;} /*#focus .next {right:0; background-position:right top;}*/ #focus .next {right:0; } /* 产品详情页的解决方案 */ tr.title td { font-weight: bold; } .file-list-head {border-bottom: 2px solid #E5E5E5;color: #626669;height: 25px;padding: 4px 0;line-height: 25px;background-color: #E8F2FF;font-weight: bold;} td.list-list_table {border-bottom: 1px solid #E5E5E5;color: #626669;overflow: hidden;line-height: 1.5;padding: 10px 0px;} .list-box-tr td {height: 26px;padding: 0px;text-align: center;} .descriptiontext { line-height:1.8; color:#333333; font-size:14px; padding:20px;} .descriptiontext p { line-height:1.8; color:#333333; font-size:14px;} .descriptiontext img { max-width:100%;}