/************ header ***************/ #join_box{ width: 100%; height: 45px; line-height: 45px; background: #e6e6e6; } #join_box_l{ width: 720px; float: left; font-size: 12px; color: #000000; letter-spacing: 1px; } #join_box_r{ width: 480px; float: right; font-size: 12px; color: #fff; text-align: right; } #join_box_r a{ color: #000000; font-size: 12px; margin-left: 25px; letter-spacing: 1px; display: block; float: right; } #join_box_r a img{ display: block; float: left; width: 25px; height: 20px; margin-top: 15px; margin-right: 5px; } #logo{ width: 100%; height: 130px; } #logo_l{ width: 800px; float: left; } #logo_l a{ display: block; font-size: 16px; color: #d02d12; letter-spacing: 1px; font-weight: bold; line-height: 40px; padding-top: 16px; } #logo_l a img{ display: block; float: left; width: 125px; height: 95px; margin-right: 20px; } #logo_l a span{ display: block; font-size: 36px; color: #000000; letter-spacing: 8px; padding-top: 15px; } #logo_r{ width: 400px; float: right; } #tel_div{ width: 255px; padding-left: 35px; height: 65px; line-height: 30px; background: url(/uploads/image/szimg/tel_bg.png) no-repeat; font-size: 29px; color: #343434; font-family: 'impact'; font-weight: bold; text-align: right; letter-spacing: 2px; float: right; margin-top: 37px; } #tel_div span{ display: block; float: left; font-size: 12px; font-family: '微软雅黑'; color: #df2b1b; width: 40px; line-height: 14px; padding-top: 32px; text-align: center; } #tel_div i{ font-style: normal; letter-spacing: 5px; font-size: 28px; } #nav{ width: 100%; height: 64px; line-height: 64px; background: url(/uploads/image/szimg/nav_bg.jpg) repeat-x; } #nav a{ display: block; float: left; width: 113px; text-align: center; margin: 0px 10px; font-size: 16px; color: #fff; letter-spacing: 1px; } #nav a:hover{ background:#df2b1b; font-weight:bold; } #nav a.active{ background:#df2b1b; font-weight:bold; } /************ header ***************/ /************ footer ***************/ .footer{ width: 100%; height: 345px; background: #333333; margin-top: 50px; } #foot_nav{ width: 100%; height: 78px; line-height: 78px; border-bottom: 2px #4b4b4b solid; } #foot_nav a{ font-size: 15px; color: #fff; margin: 0px 32px; letter-spacing: 1px; } #foot_c{ width: 100%; height: 185px; margin-top: 40px; } #foot_c_l{ width: 900px; text-align: left; float: left; border-right: 1px #4b4b4b solid; padding-right: 29px; height: 170px; font-size: 14px; color: #fff; letter-spacing: 1px; line-height: 50px; text-transform: uppercase; padding-top: 15px; } #foot_c_l a{ color: #fff; } #foot_c_r{ width: 262px; float: right; display: flex; align-items: center; justify-content: center; gap: 10px; margin: 30px 0 0 0; } #foot_c_r .foot_c_r_item{ } #foot_c_r .foot_c_r_item img{ display: block; width: 120px; height: 120px; } #foot_c_r .foot_c_r_item p{margin: 0;font-size: 14px;color: #fff;text-align: center;} /************ footer ***************/ /************ index main ***************/ #main_i{ overflow: hidden; margin-top:50px; } .index_title{ text-align: center; font-size: 15px; color: #767676; letter-spacing: 1px; line-height: 36px; height: 100px; overflow: hidden; } .index_title span{ display: block; width: 265px; height: 60px; background: url(/uploads/image/szimg/index_title_bg.png) no-repeat; margin: 0px auto; font-size: 35px; color: #000000; font-weight: bold; line-height: 42px; } .index_title span i{ font-style: normal; display: block; width: 50px; height: 5px; background: #df2b1b; margin: 0px auto; margin-top: 10px; } #index1{ width: 100%; height: 1000px; } #index1_c{ width: 100%; height: 860px; overflow: hidden; margin-top: 35px; } #index1_c a{ display: block; width: 380px; height: 408px; float: left; overflow: hidden; background: url(/uploads/image/szimg/index1_pro_bg.png) no-repeat; text-align: center; font-size: 23px; color: #fff; letter-spacing: 1px; margin-right: 30px; margin-bottom: 40px; line-height: 30px; } #index1_c a:hover{ background: url(/uploads/image/szimg/index1_pro_bg_on.png) no-repeat; } #index1_c a:nth-child(3){ margin-right:0px; } #index1_c a:nth-child(6){ margin-right:0px; } #index1_c a img{ display: block; width: 230px; height: 230px; object-fit: cover; border-radius: 50%; margin: 20px auto 45px auto; } #index1_c a span{ display: block; border: 1px #fff solid; width: 123px; text-align: center; height: 26px; line-height: 26px; border-radius: 20px; font-size: 12px; margin: 20px auto; } #index2{ width: 100%; height: 645px; padding-top: 60px; background: url(/uploads/image/szimg/index2_bg.jpg) no-repeat; filter: "progid:dximagetransform.microsoft.alphaimageloader(sizingmethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; margin-top: 50px; } #index2_l{ width:210px; height:570px; background:url(/uploads/image/szimg/index2_l.png) no-repeat; float:left; } #index2_l01{ font-size: 30px; font-weight: bold; color: #fff; text-transform: uppercase; writing-mode: tb; float: left; letter-spacing: 0px; line-height: 35px; width: 70px; margin-top: 60px; margin-left: 20px; } #index2_l02{ width: 80px; height: 210px; padding-top: 15px; background: rgba(255,255,255,0.8); text-align: center; font-size: 40px; font-weight: bold; color: #1f5eae; letter-spacing: 1px; float: right; margin-right: 20px; line-height: 45px; border-radius: 0px 0px 0px 30px; margin-top: 60px; } #index2_r{ width: 935px; float: right; font-size: 15px; color: #000000; letter-spacing: 1px; line-height: 34px; } #index2_r img{ display: block; width: 935px; height: 255px; margin-top: 30px; margin-bottom: 40px; } #index2_r a{ display: block; font-weight: bold; color: #df2b1b; font-size: 20px; margin-top: 30px; } #index3{ width:100%; height:230px; margin-top:50px; } #index3 a{ display: block; float: left; margin-right: 15px; width: 290px; height: 230px; overflow:hidden; } #index3 a img{ display: block; width: 290px; height: 230px; object-fit: cover; } #index4{ width: 100%; height: 650px; padding-top: 50px; background: url(/uploads/image/szimg/index4_bg.jpg) no-repeat; filter: "progid:dximagetransform.microsoft.alphaimageloader(sizingmethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; margin-top: 55px; } #index4_box{ width: 1200px; background: #fff; margin: 0px auto; height: 575px; padding-top: 30px; border-radius: 5px; box-shadow: 0 0 4px 0px rgb(0 0 0 / 90%); } #index4_01{ width: 1150px; height: 95px; padding-top: 15px; background: #125ece; margin: 0px auto; } #index4_01_l{ width: 349px; height: 70px; padding-top: 10px; float: left; background: url(/uploads/image/szimg/index4_tel.png) no-repeat; border-right: 1px #437cd6 solid; text-align: center; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 52px; margin-left: 25px; line-height: 38px; } #index4_01_l span{ display: block; font-size: 18px; font-weight: normal; letter-spacing: 1px; } #index4_01_l span i{ font-style: normal; font-family: 'impact'; font-size: 24px; letter-spacing: 2px; } #index4_01_r{ width: 700px; float: right; margin-right: 60px; } #index4_01_r span{ display: block; float: right; width: 75px; text-align: center; font-size: 15px; color: #fff; letter-spacing: 1px; margin-left: 65px; } #index4_01_r span img{ display: block; width: 43px; height: 32px; margin: 12px auto; } #index4_02{ line-height: 50px; height: 80px; margin-top: 35px; } #index4_02 span{ display: block; text-align: center; width: 100%; font-size: 35px; font-weight: bold; letter-spacing: 2px; } #index4_02 span i{ font-style: normal; color: #626262; margin: 0px 55px; } #index4_02 hr{ width: 50px; height: 5px; background: #df2b1b; margin: 0px auto; margin-top: 10px; border: 0; } #index4_03{ padding: 0px 20px; margin-top: 15px; } #index4_03 a{ display: block; float: left; border: 1px #1860d9 solid; width: 210px; height: 115px; padding-top: 15px; margin: 10px; font-size: 17px; color: #373737; font-weight: bold; text-align: center; letter-spacing: 1px; line-height: 30px; } #index4_03 a span{ display: block; width: 98px; height: 20px; background: url(/uploads/image/szimg/index4_more.png) no-repeat; font-weight: normal; font-size: 12px; color: #fff; padding-top: 35px; margin: 0px auto; line-height: 19px; text-align: left; text-indent: 18px; } #index4_03 a:hover{ border: 1px #ec6b06 solid; } #index4_03 a:hover>span{ background: url(/uploads/image/szimg/index4_more_on.png) no-repeat; } #index5{ width: 100%; margin-top: 60px; height: 945px; } #index5_c{ width: 100%; height: 810px; overflow: hidden; margin-top: 30px; } #fczs_gd{overflow: hidden; width: 1200px; height: 810px;} #fczs_gd ul{ width: 1230px; padding: 0px; margin:0px; } #fczs_gd a{ display:block;} #fczs_gd li{ margin: 0px 30px 50px 0px; width: 380px; height: 380px; letter-spacing: 1px; float: left; display: block; text-align: center; line-height: 50px; color: #000000; font-size: 14px; font-family: '微软雅黑'; overflow: hidden; } #fczs_gd img{ display: block; width: 380px; height: 380px; object-fit: cover; } #index6{ width: 100%; height: 770px; padding-top: 70px; background: #f6f6f6; margin-top: 70px; } #index6_c{ width: 100%; margin-top: 50px; } .yyly_a{ display: block; float: left; width: 280px; height: 550px; background: url(/uploads/image/szimg/index5_bg.png) no-repeat; margin-right: 26px; z-index: 999; position: relative; } .yyly_a i{ display:block; } .yyly_a:nth-child(4){ margin-right:0px !important; } .yyly_a img{ display: block; width: 280px; height: 365px; } .yyly_c{ padding: 20px; text-align: center; font-size: 14px; color: #000000; letter-spacing: 1px; line-height: 26px; } .yyly_c span{ display: block; font-size: 17px; font-weight: bold; line-height: 42px; } .yyly_a:hover{ background: url(/uploads/image/szimg/index5_bg_on.png) no-repeat; } .yyly_a:hover>.yyly_c{ color:#fff; } #index7{ width: 100%; margin-top: 65px; } .index7_c{ width: 100%; height: 440px; padding-top: 50px; } .index7_c_l{ width: 580px; float: right; } .news_box{ display: block; /* padding: 20px 15px; */ height: 127px; color: #000; border: 1px #ebebeb solid; margin-bottom: 25px; } .news_box:hover{ border: 1px #ec6b06 solid; } .news_box:hover>.news_box_l{ background:#ec6b06; color:#fff; } .news_box:hover>.news_box_l span{ background:#ff8627; color:#fff; } .news_box_l{ display: block; float: left; width: 105px; height: 127px; text-align: center; background: #bbbbbb; font-size: 15px; line-height: 40px; color: #fff; } .news_box_l span{ display: block; font-size: 46px; height: 84px; line-height: 84px; background: #ebebeb; border-bottom: 1px #fff solid; color: #6a6a6a; } .news_box_r{ width: 440px; padding: 15px; float: right; font-size: 13px; line-height: 32px; } .news_box_r span{ display: block; font-weight: bold; font-size: 15px; margin-bottom: 3px; } .index7_c_r{ width: 575px; float: left; } .index7_c_r_n{} .index7_c_r_n_img{ width: 100%; height: 437px; } .index7_c_r_n_img img{ display: block; width: 575px; height: 437px; object-fit: cover; } .index7_c_r_n_c{ color: #fff; padding: 15px 20px; height: 120px; font-size: 13px; color: #fff; line-height: 26px; background: rgba(0,0,0,0.5); margin-top: -151px; z-index: 999; position: relative; } .index7_c_r_n_c span{ display: block; font-weight: bold; font-size: 15px; } .index7_c_r_n_c a{ display: block; width: 100px; text-align: center; background: #ec6b06; color: #fff; text-transform: uppercase; font-size: 12px; margin-top: 10px; } /************ index main ***************/ /************ sidebar ***************/ .sidebar_title{ width: 100%; text-align: center; height: 80px; background: #0367b3; font-size: 15px; color: #fff; text-transform: uppercase; letter-spacing: 1px; line-height: 25px; } .sidebar_title span{ display: block; font-size: 24px; line-height: 32px; font-weight: bold; padding-top: 12px; } .sidebar_t_c{ border: 1px solid #e5e5e5; padding: 10px; margin-bottom: 20px; } /*left*/ .leftsidebar_box{ width: 100%; height: auto !important; /* overflow: visible !important; */ height: 100% !important; /* background-color: #3992d0;*/ } .leftsidebar_box dl{ margin: 0; margin-bottom: 10px; } .leftsidebar_box dt{ padding-left: 25px; padding-right: 20px; background-repeat: no-repeat; background-position: 10px center; color: #f5f5f5; font-size: 14px; position: relative; line-height: 35px; cursor: pointer; } .leftsidebar_box dd{ padding: 0; margin: 0; text-indent: 25px; margin-top: 5px; } .leftsidebar_box dd a{ display: block; color: #000000; letter-spacing: 1px; font-size: 13px; border-bottom: 1px #cccccc dashed; height: 34px; line-height: 34px; } .leftsidebar_box dd a:hover{ font-weight: bold; background: #f7b322; color: #fff; border-radius: 20px; text-indent: 30px; border-bottom: 1px #f7b322 solid; } .leftsidebar_box dt img{position:absolute;right:15px;top:15px;} .system_log dt{} .custom dt{background-image:} .channel dt{background-image:} .app dt{background-image:} .cloud dt{background-image:} .syetem_management dt{background-image:} .source dt{background-image:} .statistics dt{background-image:} .leftsidebar_box dl dd:last-child{padding-bottom:10px;} .sidebar_b_c{ border: 1px solid #e5e5e5; padding: 10px; font-size: 13px; color: #000000; line-height: 36px; letter-spacing: 1px; } /************ sidebar ***************/ /************ 内页 ***************/ .commoninner{ width: 1200px; margin: 0px auto; margin-top: 40px; margin-bottom: 50px; } .inner-left{ width: 260px; float: left; } .inner-right{ width: 900px; float: right; } .title{ margin: 0px; padding: 0px; height: 79px; line-height: 79px; /* font-weight: bold; */ margin-bottom: 20px; font-size: 24px; color: #0367b3; border-bottom: 1px #0367b3 dashed; letter-spacing: 1px; } .weizhi{ display: block; float: right; font-size: 12px; color: #6e6e6e; line-height: 79px; } .weizhi a{ color: #6e6e6e; } .de-about-content{} .de-about-content p{ margin: 0px; font-size: 15px; line-height: 30px; letter-spacing: 1px; } .de-product-list{ overflow: hidden; } .de-product-list ul{ padding:0px; margin:0px; } .de-product-list ul a{ display: block; width: 280px; height: 235px; float: left; border: 1px #dcdcdc solid; /* background: #f3f3f3; */ text-align: center; line-height: 50px; color: #282828; font-size: 12px; font-family: '微软雅黑'; margin: 0px 9px; margin-bottom: 20px; } .de-product-list ul a img{ display: block; width: 280px; height: 185px; object-fit: cover; } .de-product-list ul a:hover{ background:#0367b3; color:#fff; } .magnifiermain{ display:block; width:100%; border:0 !important; text-align:center; margin:30px auto; } .magnifiermain img{} .magtargetimg{ display: block; margin: 0px auto; max-width: 100%; } .prodectinfo{ width: 1200px; margin: 0px auto; margin-bottom: 50px; } .info-crumbs{ background: #f6f6f6; height: 45px; line-height: 45px; text-indent: 20px; font-size: 14px; color: #595959; } .info-crumbs a{ color: #595959; } .info-main{ width: 100%; text-align: center; margin-bottom: 40px; } .info-main span{ display: block; font-size: 20px; font-weight: bold; letter-spacing: 1px; line-height: 60px; } .info-main img{ display:block; margin:0px auto; } .infocenter-left{ width: 260px; float: left; } .infocenter-right{ width: 900px; float: right; } .center-content table{ width:100% !important; text-align:center; border-collapse: collapse; } .center-content table tr td{ text-align: center; border: 1px #282828 solid; font-size: 12px; line-height: 35px; } .infopreview{ width: 100%; height: 460px; padding-top: 40px; } .center-title{ font-weight: bold; font-size: 18px; color: #0367b3; line-height: 60px; margin-bottom: 20px; height: 59px; border-bottom: 1px solid #0367b3; } .parm{ float: right; width: 55%; text-align: left; text-indent: 10px; } .parm table tr td{ font-size: 12px; border: 1px #000 solid; line-height: 32px; text-indent: 10px; } .center-content p{ margin: 0px; font-size: 14px; line-height: 28px; } .de-news-list ul{ padding:0px; margin:0px; } .de-news-list ul a{ display: block; width: 870px; padding: 10px; height: 160px; margin-bottom: 25px; font-size: 14px; line-height: 38px; color: #595959; box-shadow: 0 0 4px 2px rgb(204 204 204 / 90%); } .de-news-list ul a span{ display: block; color: #323232; font-weight: bold; font-size: 15px; line-height: 42px; } .de-news-list ul a:hover{ box-shadow: 0 0 4px 2px rgb(0 95 177 / 90%); } .img{ height: 160px; width: 210px; float: left; } .img img{ display: block; height: 160px; width: 210px; object-fit: cover; } .box{ width: 640px; float: right; height: 160px; } .news-detail-title{ padding-bottom: 15px; border-bottom: 1px dashed #ededed; text-align: center; margin-bottom: 15px; } .h3{ font-size: 18px; color: #323232; line-height: 24px; font-weight: bold; margin: 25px 0 10px; } .b{ font-size: 13px; color: #999999; line-height: 20px; } .news-detail p{ margin: 0px; font-size: 15px; line-height: 30px; letter-spacing: 1px; } .newspage{ color: #323232; font-size: 12px; line-height: 26px; margin-top: 25px; } .page-a{ display: block; float: left; margin: 0px 5px; height: 44px; line-height: 44px; border: 1px #ccc dashed; margin-bottom: 10px; width: 438px; text-indent: 10px; } .newspage a{ color: #323232; } .page-a a:hover{ font-weight:bold; color:#014b8b; padding-left:10px; } .contact-list{ overflow: hidden; margin: 25px auto; } .contact-list ul{ padding:0; margin:0; } .contact-list li{ min-height: 28px; padding-left: 50px; float: left; width: 100%; font-size: 14px; color: #595959; line-height: 20px; padding-top: 8px; margin-bottom: 14px; word-wrap: break-word; background-color: #f5f5f5; letter-spacing: 1px; } .icon-01{ background: url(/uploads/image/szimages/contact-icon-01.png) no-repeat left top; } .icon-02{ background: url(/uploads/image/szimages/contact-icon-02.png) no-repeat left top; } .icon-03{ background: url(/uploads/image/szimages/contact-icon-03.png) no-repeat left top; } .icon-04{ background: url(/uploads/image/szimages/contact-icon-04.png) no-repeat left top; } .icon-05{ background: url(/uploads/image/szimages/contact-icon-05.png) no-repeat left top; } .icon-06{ background: url(/uploads/image/szimages/contact-icon-06.png) no-repeat left top; } #ditucontent{ width: 100%; height: 500px; margin: 0 auto; } .de-message{ overflow: hidden; padding: 0 5px; } .tips{ font-size: 13px; line-height: 55px; color: #737373; } .form-tr{ overflow: hidden; } .form-tr input{ display: block; width: 658px; padding: 0 10px; height: 38px; line-height: 38px; border: 1px solid #e6e6e6; } .error{ height: 18px; line-height: 18px; font-size: 12px; color: #f00; padding: 0 5px; } .form-tr textarea{ display: block; width: 658px; padding: 5px 10px; height: 168px; border: 1px solid #e6e6e6; } .code input{ width: 188px; float: left; } .verify{ cursor: pointer; float: left; margin-left: 25px; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 0; } .verify img{ display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .submit{ margin-top: 15px; display: block; width: 190px; height: 40px; text-align: center; line-height: 40px; background: #007b42; color: #fff; font-size: 15px; } #bj_title{ width: 100%; height: 50px; line-height: 50px; background: #f1f1f1; } #bj_title span{ display: block; float: left; font-size: 14px; color: #0367b3; letter-spacing: 1px; text-align: center; width: 16.6%; } .bj_box{ height: 79px; border-bottom: 1px #dcdcdc solid; line-height: 79px; } .bj_box span{ display: block; float: left; text-align: center; font-size: 14px; width: 16.6%; text-transform: uppercase; } .bj_box span img{ display: block; width: 75px; height: 63px; margin: 0px auto; margin-top: 8px; object-fit: cover; } /************ 内页 ***************/