body,div,p,table,tr,td,ul,li,a,span,input,h3,h5,dl,dd,dt{ margin:0; padding:0} img{ border:0;} body{font-size:14px; color:#666666; font-family:"microsoft yahei","helvetica neue",helvetica,arial,sans-serif;} ul,li{ list-style:none} .fl{ float:left; display:inline} .fr{ float:right; display:inline} .clear{ clear:both} .fix:before,.fix:after{content:"";display:table;} .fix{*zoom:1;} .fix:after{clear:both;} .v{ vertical-align:middle;} a{ text-decoration:none; color:#666; cursor:pointer} a:hover{ text-decoration:none; color:#0162ac;} .logo{ width:417px; height:81px; float:left} .hui30{ line-height:26px; font-size:14px;} .bai14{ font-size:14px;color:#fff;} .hui12{ line-height:22px; font-size:12px;} .yhui16{ line-height:36px; font-size:16px;color:#666666;} .hong16{ line-height:30px; font-size:16px;color:#cc0000;} .hes16{ color:#ab6422; font-size:16px;} .fense{ color:#cc3300;} .lan{ color:#007cc2;} .lv{color:#00853e} .h87{ height:100px;} .h120{ height:120px;} .h195{ height:185px;} .h370{ height:430px;} .pl8{ padding-left:11px;} .pt10{ padding-top:10px;}.pt15{ padding-top:15px;} .pr15{ padding-right:15px;} .plr15{ padding:0 15px 10px 15px;} .p10{ padding:10px;}.p15{ padding:15px;}.p20{ padding:20px;} .ml70{ margin-left:70px;}.ml30{ margin-left:30px;}.ml20{ margin-left:20px;}.ml15{ margin-left:16px;}.ml12{ margin-left:12px;}.ml10{ margin-left:10px;} .mtl15{ margin:15px 0 0 30px;} .mr10{ margin-right:10px;} .mt5{ margin-top:5px;}.mt10{ margin-top:10px;}.mt13{ margin-top:13px;}.mt15{ margin-top:15px;}.mt20{ margin-top:20px;} .sxian3{ border-top:3px solid #db4e5e;} .kuang3{ border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; overflow:hidden;} .kuang4{ border:1px solid #dcdcdc; overflow:hidden;} .fff_bj{ background-color:#fff; overflow:hidden;} .hjb_bj{ background: repeat-x top; overflow:hidden;} .top_zi{ text-align:right;} .top1{ width:71%;position: relative; height:87px; margin:0 auto;background:url(/uploads/image/sfimages/log.png) no-repeat left; line-height:33px; color:#cccccc; font-size:12px;} .top1_1{ width:169px; height:21px; background: no-repeat;} .top1_1 .button{ width:30px; height:28px; float:right} .top1_1 .textfield{ width:135px; height:28px; line-height:28px; text-indent:20px; color:#999999} .top1_1 input{ border:none; background:none} .top1 .ss{ float:right; width:140px; height:23px; margin-top:13px; background: no-repeat} .ss_text{ width:105px; _width:102px; height:20px; _height:18px; margin-top:2px; line-height:20px; display:block; float:left; margin-left:2px; _margin-left:1px; overflow:hidden; border:none; color:#cccccc; background:#fff;} .sub1{ width:28px; height:22px; display:block; float:left; border:none; background:none} .caixian{background: no-repeat center; width:100%; height:5px;} /*导航条*/ .navbj{ float:right; height:51px; line-height:49px; z-index:99999;} /* 本例子css */ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .nav{ width: 70%; margin: 0 auto; height: 87px; line-height: 49px; position: absolute; z-index: 999; float: right; right: 0; bottom: -44%; text-align: center; font-size: 14px; } .nav a{ color:#000; } .nav .nli{ width: 12%; float:left; position:relative; display:inline; } .nav .nli h3{ background: no-repeat right bottom; } .nav .nli h3 a{ display:block; font-size:16px; font-weight:bold; color:#333; } .nav .nli h3 a:hover{ background:#fff url(/uploads/image/sfimages/nav0.png) no-repeat; color: #ffffff!important; } .nav .sub{ display:none; width:158px; left:0; top:50px; position:absolute; background:#fff; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; line-height:35px; padding:5px 0; z-index:99999; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;} .nav .sub li{ zoom:1; } .nav .sub a{ display:block; padding:0 10px; } .nav .sub a:hover{ background:#0674c3; color:#fff; } .nav .on h3 a{ background:#fff url(/uploads/image/sfimages/nav0.png) no-repeat; color:#fff; background-size: cover; } .sl{ background:#fff url(/uploads/image/sfimages/nav0.png) no-repeat; color:#ffffff!important; } .datupian{ margin:0 auto; background: repeat-x top;} .gglei{ width:100%; background:#f4f4f4 repeat-x bottom;} .warpzz{ width:1200px; margin:0 auto;} .slidebox{ width:100%; overflow:hidden; position:relative; } .slidebox .hd{ height:21px; overflow:hidden; position:absolute;left:46%; bottom:5px; z-index:1; } .slidebox .hd ul{ overflow:hidden; zoom:1; float:left; } .slidebox .hd ul li{ float:left; margin-right:2px; width:21px; height:21px; cursor:pointer; background:url(/uploads/image/sfimages/dot.png) no-repeat;} .slidebox .hd ul li.on{ background:url(/uploads/image/sfimages/dot0.png) no-repeat; } .slidebox .bd{ position:relative; height:100%; z-index:0; } .slidebox .bd li{ zoom:1; vertical-align:middle; } .slidebox .bd img{ width:100%; display:block; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .slidebox .prev, .slidebox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background: -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slidebox .next{ left:auto; right:3%; background-position:8px 5px; } .slidebox .prev:hover, .slidebox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slidebox .prevstop{ display:none; } .slidebox .nextstop{ display:none; } .box{width:100%; overflow:hidden; margin:0px auto;} .box .kbox{width:1120px; overflow:hidden; margin:0px auto; padding:30px 0px;} .box .ztnews{width:294px; height:308px; float:left; background:url(/uploads/image/sfimages/idx_xw_ztbg.gif); overflow:hidden;} .box .ztnews .ztimg{width:268px; height:128px; padding:13px; float:left; overflow:hidden;} .box .ztnews .zttx1{width:268px; float:left; font-family:microsoft yahei; font-size:22px; margin-top:1%; padding-left:14px;} .box .ztnews .zttx1 a{ font-size: 20px;color:#e02c2f; text-decoration:none;} .box .ztnews .zttx2{width:268px; float:left; font-family:microsoft yahei; font-size:16px;padding-left:14px; color:#0078e7;} .box .ztnews .zttx3{width:268px; float:left; font-size:14px; margin-top:2%; padding-left:14px;line-height: 20px;} .box .news{ width:36%; height:308px; float:left; background:url(/uploads/image/sfimages/idx_xw_k.gif) no-repeat; margin-left:9px; overflow:hidden;} .box .news .nsh{width:374px; height:42px;font-size: 14px; float:left; margin-right:11px; margin-left:11px; border-bottom-style:solid; border-bottom-color:#e6e6e6; border-bottom-width:1px; overflow:hidden;} .box .news .nstx1{ height: 34px; float: left; font-family: '微软雅黑'; font-size: 16px; margin-top: 14px; padding-left: 33px; font-weight: bold; letter-spacing: 3px; } .box .news .nstx2{float:left; margin-top:14px; padding-left:226px; letter-spacing:1px;} .box .news .nstx2 a{color: #0162ac; font-weight: bold;text-decoration:none;} .box .news .nstx3{width:290px; float:left; margin-top:13px; background-image:; background-repeat:no-repeat; background-position:left center;} .box .news .nstim{ float:left; margin-top:14px;} .box .video{width:292px; height:308px; float:left; background:; overflow:hidden;} .box .video .vdtlm{width:264px; height:64px; float:left; margin-right:14px; margin-left:14px; margin-top:9px; overflow:hidden;} .box .video .vdtx1{ float: left; font-family: microsoft yahei; font-size: 16px; margin-top: 27px; padding-left: 12%; letter-spacing: 2px; font-weight: bold; } .box .video .vdtx2{ font-family: arial; font-size: 12px; float: left; padding: 2% 4%; text-indent: 2em; line-height: 24px; } .box .video .vdtx2 a{color:#2792f4;text-decoration:none;} .box .video .vdtx3{width:150px; float:right; font-family:arial; font-size:12px; padding-left:12px; margin-top:2px;} .box .video .vdimg{ width: 140px; float: right; margin-right: 4%; margin-top: 3%; } .box .video .vdpic{width:102px; height:64px; float:left; overflow:hidden;} .box .video .vdbof{float:right; margin-top:4px;} .relative{position:relative;width:100%;} #home_bannera{text-decoration:none;cursor:pointer;} #home_banner{max-width:1440px;margin:0 auto;} .maxwidth{width:990px;margin:0 auto;} #big_img{height:430px;background:no-repeat center} #small_img{height:114px;padding-top:5px;position:absolute;top:-94px;width:100%;background: no-repeat center 0;} #small_pre,#small_next,#small_imgs{height:89px;line-height:104px;float:left;font-size:22px;} #small_pre,#small_next{width:22px;color:#ffffff;font-weight:bold;display:block;} #small_pre{margin-right:17px;} #small_next{margin-left:17px;} #small_pre:hover{background-position:-22px center;} #small_next:hover{background-position:-66px center;} #small_imgs{width:912px;overflow:hidden;} #small_imgs .item{float:left;padding:0 16px;} #small_imgs .item .img{cursor:pointer;width:144px;height:72px;padding:3px;padding-top:10px;background: no-repeat center bottom;} #small_imgs .item .img img{width:144px;height:70px;} #small_imgs .item .active{background:url(/uploads/image/sfimages/banner_bg_a.png) no-repeat center bottom;} #full-screen-slider { width:100%; height:350px; float:left; position:relative} #slides { display:block; width:100%; height:350px; list-style:none; padding:0; margin:0; position:relative} #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute} #slides li a { display:block; width:100%; height:100%; text-indent:-9999px} #pagination { display:block; list-style:none; position:absolute; left:20%; top:320px; z-index:9900; padding:5px 15px 5px 0; margin:0} #pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#fff } #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} #pagination li.current { background:#0092ce} .menu{ overflow: hidden;width:1120px; margin:0px auto;} .menu li{ float:left; margin-right:40px;} .menu li.end{ margin-right:0;} .menu li img{ height:185px; width:346px;} .prolist{ width: 1120px; margin: 1% auto; border:1px solid #d2d2d2; } .prolist .th{ line-height: 36px; border-bottom: 3px solid #e6e6e6; } .imgcont{ padding-top: 2%; padding-bottom: 1%; } .proimglist{width: 96%;margin-left: 2%;} .proimglist li{width: 164px; float: left; text-align: center;} .proimglist li img{ padding: 3px; width: 143px; height: 123px; } .proimglist li dl{width: 121px; margin: 0px auto;} .proimglist li dd{height: 25px;margin-left: 15%;} .prolist .imgch{width: 24px; cursor: pointer;} .overflow{overflow: hidden;} .more{ float: right; font-weight: bold; margin-right: 1%; } .more a{ color: #0162ac; } .hy{ float: left; border-bottom: 3px solid #0162ac; height: 36px; padding-left: 1%; width: 7%; letter-spacing: 2px; font-size: 16px; font-weight: bold; position: absolute; } /*footer style*/ .footer { background:#0166b3; height:145px; overflow:hidden; margin-top: 1%; } .right-black { width:1200px; background:#0166b3; height:234px; margin: 0 auto; padding: 1% 5%; } .right-black .backwx { float:right; width:109px; margin-right: 6.5%; } .right-black .backwx img { padding-bottom:6px; } .right-black .backwx .ewmtxt { color:#fff; font-size: 12px } .right-black .backtxt { float:right; width:33%; color:#fff; margin-top: 1%; font-size: 12px; line-height: 27px; margin-right: 5%; } .fa{ width: 1120px; margin: auto; margin-top: 1.5%; } .rj { margin-top: 0!important; } .fa_title{ height: 40px; background: #0162ac; color: #fff; line-height: 40px; text-indent: 2em; letter-spacing: 0.2em; font-size: 18px; } .fa_title span{ margin-top: -4%; margin-left: 2%; display: block; } .img1{ width: 2.5%; margin-top: 0.5%; margin-left: -1%; } .img2{ width: 4.5%; margin-top: 0.5%; margin-left: -2%; } .img3{ width: 10%; margin-top: 0.5%; margin-left: -6%; } .fa ul{ border: 1px solid #c5d0dc; overflow: hidden; padding-left: 0.6%; } .fa ul li{ float: left; padding: 1%; position: relative; } .texta{ position: absolute; background: rgba(0,0,0,0.6); bottom: 16px; height: 90%; line-height: 224px; font-size: 20px; color: #fff; text-align: center; width: 96%; letter-spacing: 0.2em; display: none; } .text1{ width: 94%; height: 82%; line-height: 122px; } .text2{ height: 81%; line-height: 122px; width: 97%; margin-left: 3%; } .text3{ height: 81%; line-height: 122px; width: 88.5%; margin-left: 6%; } .text4{ height: 89%; line-height: 122px; width: 95%; } .text5{ height: 88%; line-height: 122px; width: 94%; } /*链接开始*/ .kh{ width:1120px; overflow: hidden; margin: 1.5% auto; } .government{ border: 1px solid #c5d0dc; } .kb{ float: right; width: 32%; } .ul{ border: 1px solid #c5d0dc; height: 330px; } .kh_left{ width: 65.5%; float: left; } .gover{ border-bottom: 1px solid #c5d0dc; height: 39px; } .hot{ color:#0162ac; border-bottom: 3px solid #0162ac; } .gover ul{ overflow: hidden; } .gover ul li{ float: left; height: 37px; line-height: 40px; font-size: 16px; font-weight: bold; width: 11%; text-align: center; cursor: pointer; } .ment{ padding: 2% 0px; height: 260px; overflow: auto; } .ment ul{ display:none; } .ment ul li{ float: left; margin-bottom: 1%; font-size: 14px; text-indent: 2em; width:50%; color: #333; } .rj ul li img { height: 185px; width: 346px; } /*分页*/ .pagination { float:right; padding-top:15px; clear:both;} .pagination .controls a{border:0;} .pagination .controls input{border:0;color:#999;width:30px;padding:0;margin:-3px 0 0 0;text-align:center;} .pagination ul { display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-bottom: 0;} .pagination ul>li { display: inline;} .pagination ul>li>a,.pagination ul>li>span { float: left; padding: 4px 9px; line-height: 18px; color:#333; text-decoration: none; background-color: #fff; border: 1px solid #74b9ef; border-left-width: 0;} .pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{ background-color: #085ba4; color:#fff;} .pagination ul>.active>a,.pagination ul>.active>span { color: #fff; cursor: default;} .pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{ color: #999; background-color: transparent; cursor: default;} .pagination ul>li:first-child>a,.pagination ul>li:first-child>span { border-left-width: 1px;} /*链接开始*/ .kh{ width:1120px; overflow: hidden; margin:1.5% auto; } .government{ border: 1px solid #ccc; } .kb{ float: right; width: 32%; } .gover{ height: 38px; } .hot{ color:#0162ac; } .gover ul{ overflow: hidden; } .gover ul li{ float: left; height: 37px; line-height: 40px; font-size: 16px; font-weight: bold; width: 11%; text-align: center; cursor: pointer; } .ment{ padding: 2% 0px; } .ment ul{ display:none; } .ment ul li{ float: left; margin-bottom: 1%; font-size: 14px; text-indent: 2em; width:50%; color: #333; } /*companyactive style*/ .company-activediv { margin:0px auto; width:1003px;} .indexmaindiv{ width:1133px;margin:15px -81px 0 -3px; position:relative;} .mainpicdiv{ width: 22.5%; margin-left: 7%; /*overflow: hidden;*/ position: relative; } .mainpicdiv ul{ width:10000px;} .mainpicdiv ul li{ margin-right:92px; height:291px;} .mainpicdiv li.current .title{display:block;} .show-poster-3 { float:left;} .show-poster-3 .img{ display:block; } .show-poster-3 .title{ display: block; width: 76%; text-align: center; height: 30px; line-height: 30px; margin-top: -96%; color: #fff; /*background: rgba(0,0,0,0.6);*/ bottom: 0; } .mainpicdiv img{ width: 55%; } .drama-slide li{ position:absolute; top:36%;margin-top: 10%;} .drama-slide li.prev{ left:3%;} .drama-slide li.next{ left: 25%;} .drama-slide li.prev a{ display:block; width:51px; height:51px; background:url(/uploads/image/sfimages/zuo.png) no-repeat; text-indent:-1000em;} .drama-slide li.prev a{background-position:0 0;} .drama-slide li.next a{background-position:0 -104px;background:url(/uploads/image/sfimages/you.png) no-repeat;display:block; width:51px; height:51px;} /* 图片上每个小图标的链接样式 */ .vieshowbodys{ position: relative; } .logo_picture{ position:absolute; display: block; } .logo_jhua{ width: 11%; height: 5%; top: 10%; left: 32%; } .logo_iteaq{ width: 9%; height: 6%; top: 12%; left: 47%; } .logo_emerson{ width: 11%; height: 6%; top: 18%; left: 61%; } .logo_sumsung{ width: 10%; height: 5%; top: 18%; left: 74%; } .logo_honeywell{ width: 9%; height: 6%; top: 30%; left: 83%; } .logo_abb{ width: 7%; height: 4%; top: 30%; left: 70%; } .logo_huawei{ width: 8%; height: 5%; top: 34%; left: 62%; } .logo_hp{ width: 6%; height: 5%; top: 44%; left: 67%; } .logo_josooncontrols{ width: 12%; height: 4%; top: 44%; left: 85%; } .logo_hikvision{ width: 17%; height: 4%; top: 62%; left: 78%; } .logo_burkert{ width: 9%; height: 4%; top: 71%; left: 62%; } .logo_yidun{ width: 13%; height: 5%; top: 50%; left: 73%; } .logo_ruijie{ width: 12%; height: 4%; top: 55%; left: 59%; } .logo_vmware{ width: 9%; height: 8%; top: 59%; left: 47%; } .logo_uniview{ width: 10%; height: 5%; top: 75%; left: 46%; } .logo_siemens{ width: 17%; height: 3%; top: 81%; left: 43%; } .logo_uniview{ width: 10%; height: 5%; top: 75%; left: 46%; } .logo_sugon{ width: 9%; height: 5%; top: 70%; left: 31%; } .logo_zte{ width: 7%; height: 4%; top: 56%; left: 32%; } .logo_tongtech{ width: 24%; height: 4%; top: 63%; left: 2%; } .logo_microsoft{ width: 14%; height: 4%; top: 51%; left: 17%; } .logo_ibm{ width: 9%; height: 5%; top: 44%; left: 28%; } .logo_h3c{ width: 8%; height: 4%; top: 35%; left: 33%; } .logo_lenovo{ width: 10%; height: 5%; top: 38%; left: 20%; } .logo_supermap{ width: 10%; height: 5%; top: 43%; left: 6%; } .logo_brilliant{ width: 22%; height: 3%; top: 28%; left: 18%; } .logo_oracle{ width: 15%; height: 3%; top: 28%; left: 43%; } .logo_ge{ width: 7%; height: 7%; top: 18%; left: 19%; } .logo_inspur{ width: 7%; height: 5%; top: 18%; left: 33%; } .logo_shanli{ width: 10%; height: 15%; top: 39%; left: 46%; }