锘緻charset "utf-8"; /* 鍏叡鍖 */ body { font-family: Arial, "Microsoft YaHei", SimSun !important; color: #62696c; background-color: #f3f3f3; line-height: 24px; padding: 0px; margin: 0px; -webkit-text-size-adjust: none; font-size: 14px; } p, img, form { border: 0px; margin: 0px; padding: 0px; } .mlAuto { margin-left: auto; margin-right: auto; } .height1 { height: 1px; overflow: hidden; clear: both; } .height2 { height: 2px; overflow: hidden; clear: both; } .height5 { height: 5px; overflow: hidden; clear: both; } .height10 { height: 10px; overflow: hidden; clear: both; } .height15 { height: 15px; overflow: hidden; clear: both; } .height20 { height: 20px; overflow: hidden; clear: both; } .height25 { height: 25px; overflow: hidden; clear: both; } .height30 { height: 30px; overflow: hidden; clear: both; } .height35 { height: 35px; overflow: hidden; clear: both; } .height40 { height: 40px; overflow: hidden; clear: both; } .height45 { height: 45px; overflow: hidden; clear: both; } .height50 { height: 50px; overflow: hidden; clear: both; } input, textarea, select { font-family: Arial, "Microsoft YaHei", SimSun; outline: none; resize: none; font-size: 12px; vertical-align: middle; } .img-middle { vertical-align: middle; } .auto-width { width: 100%; height: auto; } .img-block { display: block; } .scale { width: 320px; overflow: hidden; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } area:focus { outline: none; } a { color: #62696c; text-decoration: none; } a:hover { color: #66b548; } * { -webkit-tap-highlight-color: rgba(0,0,0,0); } .main { width: 1204px; } .index-banner { height: 583px; position: relative; } .index-banner .list { position: absolute; left: 0px; top: 0px; display: none; } .index-banner .list .lt { background-image: url(../images/banner-text-bg.png); text-align: right; width: 562px; height: 110px; position: absolute; right: -14px; bottom: 20px; color: #ffffff; } .index-banner .list .lt .ltc { padding-right: 40px; padding-top: 17px; } .index-banner .list .lt .ltc .mt { font-size: 40px; line-height: 40px; font-style: italic; } .index-banner .btns { left: 30px; bottom: 15px; position: absolute; } .index-banner .btns .btn { background-color: #58b530; height: 7px; width: 20px; display: inline-block; margin-right: 10px; } .index-banner .btns .btn.current { background-color: #9c9c9c; } /**/ .top.absolute { position: absolute; width: 100%; left: 0px; top: 0px; } .top .language { text-align: right; height: 35px; line-height: 35px; padding-right: 15px; } .top .language a.current { color: #195c83; } /**/ .top .nav { background-image: url(../images/nav-bg.jpg); height: 51px; } .top .nav .logo { float: left; } .top .nav .nav-c { float: left; width: 820px; } .top .nav .nav-c .a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; height: 51px; line-height: 51px; font-size: 16px; color: #fff; display: block; } .top .nav .nav-c .nav-list { position: relative; z-index: 500; float: left; width: 102px; } .top .nav .nav-c .drop { position: absolute; left: 0px; display: none; top: 51px; height: 200px; width: 200%; } .top .nav .nav-c .drop a { display: block; color: #fff; font-size: 14px; height: 38px; line-height: 38px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: #4fa528; } .top .nav .nav-c .nav-list:hover .drop { display: block; } .top .nav .nav-c .drop a:hover { background-color: #398b15; } .top .nav .nav-c .nav-list:hover .a { background-color: #4fa528; } .top .nav .search { float: right; padding-right: 15px; width: 180px; } .top .nav .search .input { float: left; width: 135px; } .top .nav .search .btn { float: right; } .top .nav .search .input .input-c { border: 1px solid #13507a; height: 26px; background-color: #236b9d; padding-left: 5px; padding-right: 5px; margin-top: 11px; } .top .nav .search .input .input-c input { border: 0px; padding: 0px; margin: 0px; width: 100%; background: none; height: 26px; line-height: 26px; color: #8cc6ef; font-size: 15px; } /**/ .index { background-image: url(../images/index-bg.jpg); background-repeat: repeat-x; } .index .scroll-bar { position: relative; height: 312px; overflow: hidden; } .index .scroll-bar .lbtn { background-image: url(../images/left-btn.png); cursor: pointer; width: 51px; height: 51px; position: absolute; left: 15px; top: 132px; } .index .scroll-bar .rbtn { background-image: url(../images/right-btn.png); cursor: pointer; width: 51px; height: 51px; position: absolute; right: 15px; top: 132px; } .index .scroll-bar .scroll-c { width: 1060px; overflow: hidden; } .index .scroll-bar .scroll-c .list { float: left; width: 265px; position: relative; text-align: center; } .index .scroll-bar .scroll-c .list.s { padding-top: 31px; } .index .scroll-bar .scroll-c .list .t { display: none; position: absolute; left: 0px; width: 100%; text-align: center; font-size: 24px; line-height: 24px; color: #0e5a9d; top: 40px; } .index .scroll-bar .scroll-c .list .t .tc { margin-left: 25px; margin-right: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .index .scroll-bar .scroll-c .list .desc { display: none; position: absolute; left: 0px; width: 100%; text-align: center; top: 80px; } .index .scroll-bar .scroll-c .list .desc .desc-c { margin-left: 25px; margin-right: 25px; overflow: hidden; line-height: 18px; font-size: 12px; } .index .scroll-bar .scroll-c .list.s .t { width: 100%; text-align: center; font-size: 24px; line-height: 30px; color: #0e5a9d; bottom: 0px; top: auto; background-image:; color: #fff; font-size: 14px; } .index .scroll-bar .scroll-c .list.s .t .tc { background-image: url(../images/b50.png); } .index .scroll-bar .scroll-c .list.s .desc { top: 60px; } .index .scroll-bar .scroll-c .max { width: 1000000px; } .index .index-items .item { float: left; width: 401px; } .index .index-items .item .item-c { width: 360px; } .index .index-items .item .item-c .t { border-bottom: 1px solid #a7a7a7; height: 35px; line-height: 35px; padding-bottom: 5px; margin-bottom: 20px; } .index .index-items .item .item-c .t span { display: inline-block; padding-left: 40px; background-repeat: no-repeat; font-size: 24px; } .index .index-items .item.inews .list { line-height: 28px; overflow: hidden; height: 28px; } .index .index-items .item.inews .list .l { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 270px; } .index .index-items .item.inews .list .r { float: right; } .index .index-items .item .show-more { background-color: #808080; color: #fff; display: inline-block; width: 72px; height: 25px; line-height: 25px; text-align: center; } .bottom { background-color: #cacaca; } .bottom .bottom-c { padding: 20px; font-size: 12px; color: #a6a6a6; } .bottom .bottom-c img { vertical-align: middle; } .bottom .bottom-c a { color: #a6a6a6; } .bottom .bottom-c .nav a { display: inline-block; margin-right: 40px; font-size: 16px; color: #8c8c8c; } /**/ .crumbs { border-bottom: 1px solid #d7d7d7; height: 56px; background-color: #fff; } .crumbs .crumbs-c { padding-left: 30px; padding-top: 17px; position: relative; } .crumbs .crumbs-c .c-nav { position: absolute; right: 10px; top: 0px; } .crumbs .crumbs-c .c-nav a { display: inline-block; height: 54px; margin-left: 10px; margin-right: 10px; line-height: 54px; } .crumbs .crumbs-c .c-nav a:hover, .crumbs .crumbs-c .c-nav a.current { border-bottom: 2px solid #4d9a26; } .crumbs.hasleft .crumbs-c { padding-left: 250px; } .crumbs .crumbs-c .clist { background-image: url(../images/crumbs-icon.jpg); display: inline-block; padding-left: 10px; background-position: left center; background-repeat: no-repeat; font-size: 12px; margin-right: 8px; } .crumbs .crumbs-c .clist.home { background-image: url(../images/home-icon.jpg); padding-left: 15px; } /**/ .inner { background-image: url(../images/inner-bg.jpg); background-repeat: repeat-x; background-color: #fff; } .left { position: relative; float: left; width: 209px; } .left .left-nav { background-image: url(../images/left-nav-bg.jpg); width: 209px; background-repeat: no-repeat; margin-left: 15px; position: relative; top: -57px; } .left .left-nav .t { height: 57px; line-height: 57px; color: #ffffff; font-size: 24px; padding-left: 30px; display: inline-block; } .left .left-nav .left-nav-c { float: right; width: 204px; background-color: #ffffff; } .left .left-nav .left-nav-c .left-nav-c-inner { border-top: 1px solid #eeeeee; float: right; width: 200px; } .left .left-nav .left-nav-c .left-nav-c-inner a { /* border-left: 5px solid #fff;*/ height: 38px; line-height: 38px; padding-left: 21px; display: block; border-bottom: 1px solid #eeeeee; } .left .left-nav .left-nav-c .left-nav-c-inner a:hover, .left .left-nav .left-nav-c .left-nav-c-inner a.current { /*border-left: 5px solid #5daa36;*/ color: #6bb845; } /**/ .right { float: right; width: 980px; background-color: #fff; } .right .right-c { width: 910px; } /**/ .technical-article .list { border-bottom: 1px dashed #dfdfdf; overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; display: block; } .technical-article .list .img { float: left; width: 160px; } .technical-article .list .text { float: left; line-height: 92px; width: 730px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; } .page { text-align: center; } .page a { border: 1px solid #c8c8c8; display: inline-block; margin-right: 8px; height: 44px; line-height: 44px; padding-left: 15px; padding-right: 15px; font-size: 16px; } .page a.current, .page a:hover { color: #fff; border: 1px solid #45931e; background-color: #45931e; } /**/ .case .list { margin-bottom: 35px; width: 100%; overflow: hidden; } .case .list .img { float: left; width: 265px; } .case .list .text { float: right; width: 645px; } .case .list .text .t { font-weight: bold; padding-top: 3px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .case .list .text .desc { font-size: 12px; height: 68px; overflow: hidden; } /**/ .ibanner { position: relative; } .ibanner .ibt { background-repeat: no-repeat; position: absolute; background-image: url(../images/ibt-bg.png); width: 384px; height: 75px; left: -13px; bottom: 12px; } .ibanner .ibt span { display: inline-block; padding-left: 40px; color: #fff; font-size: 30px; line-height: 62px; } /**/ .detail .dright { float: right; width: 317px; overflow: hidden; } .detail .dleft { float: left; width: 887px; } .detail .dright .dright-c { width: 290px; } .detail .dright .dright-c .item { background-color: #f2f2f2; margin-bottom: 20px; } .detail .dright .dright-c .item .item-c { padding: 15px; } .detail .dright .dright-c .item .item-c .t { height: 33px; margin-bottom: 5px; border-bottom: 1px solid #d7d7d7; font-size: 16px; color: #000000; } .detail .dright .dright-c .item .item-c .t span { color: #43a941; } .detail .dright .dright-c .item .item-c .t span a { color: #43a941; } .detail .dright .dright-c .item.rlists .rlist { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; line-height: 33px; height: 33px; } .detail .dright .dright-c .item.rlists.green .rlist { color: #006699; } .detail .dright .dright-c .item.rsingle a { color: #007bbd; } .detail .dright .dright-c .item.rsingle { font-size: 12px; } /**/ .inner.nobg { background: none; background-color: #fff; } /**/ .detail .dleft-c { margin-left: 30px; margin-right: 30px; } .case .case-detail { border-bottom: 1px solid #e2e2e2; padding-bottom: 40px; margin-bottom: 30px; } .case .case-detail img { max-width: 100%; margin-bottom: 10px; } .case .cll { float: left; width: 89px; height: 89px; background-image: url(../images/case-detail-label.png); } .case .clr { float: right; width: 710px; } .case .clr .t { font-weight: bold; font-size: 18px; } .case .cll { color: #fff; font-size: 18px; } /**/ .pan { color: #007bbd; } .pan a { color: #007bbd; } /**/ .product-cateory .pdc { background-image: url(../images/img-05.png?v2); height: 601px; position: relative; } .product-cateory .pdc .btn { position: absolute; display: inline-block; font-size: 18px; color: #ffffff; border-radius: 5px; line-height: 33px; height: 33px; padding-left: 5px; padding-right: 5px; background-color: #236c9e; } .product-cateory .pdc .btn.b1 { left: 147px; top: 125px; } .product-cateory .pdc .btn.b2 { right: 200px; top: 95px; } .product-cateory .pdc .btn.b3 { left: 200px; top: 185px; } .product-cateory .pdc .btn.b4 { right: 310px; top: 192px; } .product-cateory .pdc .btn.b5 { left: 200px; top: 255px; } .product-cateory .pdc .btn.b6 { right: 100px; top: 230px; } .product-cateory .pdc .btn.b7 { left: 880px; top: 250px; } .product-cateory .pdc .btn.b8 { right: 137px; top: 360px; } .product-cateory .pdc .btn.b9 { left: 70px; top: 305px; } .product-cateory .pdc .btn.b10 { right: 171px; top: 303px; } .product-cateory .pdc .btn:hover { background-color: #6bb844; } /**/ .product-detail .title { color: #54ad27; font-size: 26px; } .product-detail .title span { font-size: 14px; } /**/ .news .top-info { padding-bottom: 30px; border-bottom: 1px solid #eeeeee; margin-bottom: 25px; } .news .top-info .img { float: left; width: 255px; } .news .top-info .text { font-size: 12px; float: right; width: 545px; } .news .top-info .text .d { font-size: 26px; color: #666666; } .news .top-info .text .t { font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; padding-bottom: 5px; } .news .top-info .text .t a { color: #000000; } .news .list { border-bottom: 1px solid #eeeeee; margin-bottom: 25px; padding-bottom: 30px; overflow: hidden; } .news .list .d { float: left; background-color: #e1e1e1; width: 89px; height: 89px; } .news .list .d .dc { font-size: 13px; line-height: 16px; padding-top: 10px; padding-left: 10px; } .news .list .d .dc .dt { font-size: 34px; color: #194f8b; font-weight: bold; line-height: 36px; } .news .list .d .dc .mt, .news .list .d .dc .yt { padding-left: 7px; } .news .list .text { float: right; width: 710px; font-size: 12px; } .news .list .text .t { font-size: 18px; text-overflow: ellipsis; padding-bottom: 5px; white-space: nowrap; overflow: hidden; font-weight: bold; } /**/ .news .news-c { margin-left: 30px; margin-right: 30px; } .news .nc-list { font-size: 12px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eeeeee; } .news .nc-list .t { padding-bottom: 4px; } .news .nc-list .t a { font-size: 18px; font-weight: bold; } .news .nc-list .t .d { color: #666666; } /**/ .news .news-detail { border-bottom: 1px solid #e2e2e2; padding-bottom: 40px; margin-bottom: 30px; } .news .news-detail img { max-width: 100%; margin-bottom: 10px; } .news .cll { float: left; width: 89px; height: 89px; background-color: #e1e1e1; color: #6b6b6b; font-size: 13px; line-height: 17px; } .news .clr { float: right; width: 710px; } .news .clr .t { font-weight: bold; font-size: 18px; } .news .cll .cll-c { padding-top: 11px; padding-left: 10px; } .news .cll .cll-c .y { font-size: 34px; color: #194f8b; line-height: 34px; } .news .cll .cll-c .m { padding-left: 6px; } .news .cll .cll-c .d { padding-left: 6px; } /**/ .history { background-image: url(../images/history-line.png); background-position: 236px top; background-repeat: repeat-y; } .history .hlist { margin-left: 236px; position: relative; border-bottom: 1px solid #d7d7d7; margin-bottom: 30px; padding-bottom: 30px; } .history .hlist .hlist-c { padding-left: 60px; font-size: 18px; line-height: 30px; } .history .hlist .d { background-image: url(../images/history-icon.png); background-position: right 8px; line-height: 36px; background-repeat: no-repeat; color: #236b9d; font-size: 28px; font-weight: bold; position: absolute; width: 170px; left: -160px; top: 0px; } /**/ .single .single-c { width: 1144px; font-size: 12px; } .single .single-c p { text-indent: 2em; } .job.single .single-c p { text-indent: 0em; } .single .single-c h1 { font-size: 16px; color: #4d9a26; padding: 0px; margin: 0px; margin-bottom: 5px; } .single .title .t1 { font-size: 22px; color: #000000; } .single .title .t2 { font-size: 15px; color: #7d7d7d; } /**/ .industry-detail .btns { overflow: hidden; width: 910px; } .industry-detail .btns .max { width: 932px; } .industry-detail .btns .max a { float: left; height: 80px; line-height: 80px; background-color: #e0e0e0; width: 210px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 23px; margin-bottom: 23px; } .industry-detail .btns .max a.current, .industry-detail .btns .max a:hover { color: #fff; background-color: #6bb845; } .industry-detail .right-c { font-size: 12px; } .industry-detail .right-c p { text-indent: 2em; } .industry-detail .title { line-height: 18px; } .industry-detail .title .t1 { font-size: 18px; color: #6bb844; } .industry-detail .title .t2 { color: #999999; } /**/ .application .right-c .max { width: 942px; } .application .right-c .max .column { margin-right: 22px; width: 292px; float: left; } .application .right-c .max .column .item { background-color: #f3f3f3; border-top: 3px solid #59b632; margin-bottom: 25px; } .application .right-c .max .column .item .item-c { padding: 15px; } .application .right-c .max .column .item .item-c .t1 { font-size: 18px; color: #000000; font-weight: bold; padding-bottom: 5px; } .application .right-c .max .column .item .item-c .t1 a { color: #000; } .application .right-c .max .column .item .item-c .t2 { color: #000000; padding-bottom: 3px; } .application .right-c .max .column .item .item-c .ilist { padding-left: 35px; background-image: url(../images/application-icon.png); background-position: 20px 7px; background-repeat: no-repeat; } .application .right-c .max .column .item .item-c .group { margin-bottom: 15px; } /**/ .comm.detail .dleft-c .title { color: #000000; text-align: center; font-size: 22px; } .comm.detail .dleft-c .attr { color: #ababab; text-align: center; font-size: 12px; border-bottom: 1px solid #f2f2f2; padding-bottom: 5px; } .comm.detail .dleft-c img { max-width: 80%; } /**/ .qr-code { display: none; position: absolute; } /**/ .cnav-none .c-nav { display: none; } /**/ .ibt-none .ibt { display: none; } /**/ .job .single-c { font-size: 16px; color: #676767; } .job .single-c .jt { font-size: 26px; color: #529f2b; padding-bottom: 5px; line-height: 26px; } .job .single-c .table-t { color: #fff; } .job .single-c .table-data .first { border-left: 2px solid #59b531; } .job .single-c .table-data td { border-bottom: 2px solid #fff; } .job .single-c .table-data .detail-a { display: inline-block; background-color: #414141; line-height: 30px; color: #fff; border-radius: 15px; height: 30px; padding-left: 10px; padding-right: 10px; } .job .single-c .back-btn { color: #59b531; text-decoration: underline; } /**/ .more-a { color: #54ad27; font-size: 16px; } /**/ .product-table td { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #ccc; border-collapse: collapse; } .product-table { border: 1px solid #ccc; border-collapse: collapse; } /**/ .cptx-table { font-size: 12px; table-layout: fixed; } .cptx-table td { /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ padding: 8px 0px 8px 0px; border-bottom: 1px solid #ccc; } .cptx-table td.t { color: #57c01d; } .cptx-t1 { font-size: 16px; color: #194f8b; } /**/ .cptx-l01 { background-image: url(../Images/point.jpg); background-position: left 11px; padding-left: 14px; padding-right: 20px; background-repeat: no-repeat; } /**/ .cptx-table { line-height: 14px; } /**/ .product-detail .nd table { border: 1px solid #000; border-collapse: collapse; } .product-detail .nd table td { border: 1px solid #000; border-collapse: collapse; } a.ln-list.lv3{font-size:12px;} a.ln-list.lv2{font-size:13px;} .left .left-nav .left-nav-c .left-nav-c-inner a.ln-list.lv2, .left .left-nav .left-nav-c .left-nav-c-inner a.ln-list.lv3{border:none;} .left .left-nav .left-nav-c .left-nav-c-inner a.ln-list{ padding-top:5px; padding-bottom:5px; height:auto; line-height:normal; } .left .left-nav .left-nav-c .left-nav-c-inner a.ln-list.lv1{ padding-left:8px;font-weight:bold; } .left .left-nav .left-nav-c .left-nav-c-inner a.ln-list.lv2{padding-left:30px;} .left .left-nav .left-nav-c .left-nav-c-inner a.ln-list.lv3{padding-left:50px;padding-top:3px;padding-bottom:3px;}