body{font-family:"Microsoft Yahei";font-size:14px;color:#333; padding:0; margin:0; line-height:175%; min-width:1100px;} body,html{ min-width:1200px;} input , textarea , select{font-family:"Microsoft Yahei"; color:#333; font-size:14px;} a{ color:#000;} a:hover{ color:#256dca;} .widthz{ width:1100px; margin:0 auto;} #qz_item01{ height:438px;display: block; position: relative; padding-top:128px; } #qz_item02{ height:408px;display: block; background:url(../images/about_bg.jpg) center no-repeat; padding-top:60px;} #qz_item03{ padding-bottom:80px;display: block; background:#fff} #qz_item04{ height:600px;display: block; background:url(../images/server_bg.jpg) top center fixed;position: relative;} #qz_item05{ height:670px;display: block; background:#fff} #qz_item06{ height:600px;display: block; background:#f5f5f5;position: relative;} #qz_item07{ height:250px;display: block; background:#2c2c2c} /*澶撮儴*/ /* 鍏煎闂锛岃嚜鍔ㄨ皟璇曢棿璺濇瘮渚?/ .cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; } /*鍥剧墖鑷€傚簲*/ .imgauto{ width:100%; height:auto; display:block; min-width:1170px; } .fl{float: left;} .fr{float: right;} .relative{position: relative;} .qz_menubg{width: 100%;height:128px;background: none;position: fixed;top:0;left:0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;z-index: 9;background:rgba(255,255,255,1);} .qz_menubg .qz_menu{float: right;height:43px; background:url(../images/menu_x.jpg) repeat-x; margin-top:50px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;} .qz_menubg .qz_menu ul li{list-style-type: none;float: left;line-height:43px;text-align: center;width:112px;font-size: 15px;} .qz_menubg .qz_menu ul li a{color: #3c3c3c;text-decoration: none;display: block;} .qz_menubg .qz_logo{width:258px;float: left;} .qz_menubg .qz_logo img{width:258px;margin-top:26px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;} .qz_menuadd{background:#fff;height:90px; border-bottom:1px solid #EFEFEF;} .qz_menuadd .qz_logo img{width:180px;margin-top:16px;} .qz_menuadd .qz_menu{float: right;height:43px; margin-top:20px} .qz_menuadd .qz_menu ul li{list-style-type: none;float: left;line-height:43px;text-align: center;width:112px;font-size: 15px;} .qz_menuadd .qz_menu ul li a{color: #3c3c3c;text-decoration: none;display: block;} .qz_menuadd .qz_menu ul li.cur a,.qz_menubg .qz_menu ul li.cur a{ background-color:#256dca;color:#fff;} .qz_footbot{ height:80px; line-height:80px;font-size: 14px;color: #fff;} .qz_footbot a{color: #fff; } .qz_footbg{background:#000 } .qz_wrap{width: 1100px;margin: 0 auto;} .qz_top120{padding-top:120px;} .qz_top180{padding-top:180px;} /*banner*/ .banner{ width:100%;height:440px; overflow:hidden; z-index:-1;} .focusBox{position:relative;width:100%;height:440px;overflow:hidden} .focusBox .pic{position:relative;z-index:0; width:1920px; height:440px;} .focusBox .pic li{width:100%;height:440px; display:block} .focusBox .pic li a{width:100%;height:440px; display:block} .focusBox .hd{width:100%;position:absolute;bottom:10px;text-align:center;font-size:0;z-index:1} .focusBox .hd li{margin:0 10px; background-color:#fff;height:3px;overflow:hidden;width:56px;cursor:pointer;display:inline-block;*display:inline;zoom:1;} .focusBox .hd .on{ background:#256dca;} .ing_about_title{ background:url(../images/title_bg.png) center no-repeat; height:66px; text-align:center; margin-bottom:20px;} .ing_about_title .span1{ font-size:26px; color:#000000;} .ing_about_title .span2{ font-size:22px; color:#256dca;} .ing_about_left{ width:680px; line-height:24px; color:#000; float:left; padding-top:30px; } .ing_about .right img{ width:370px; height:242px; border:6px solid #FFFFFF;} .ing_more{ color:#256dca;} .ing_more:hover{ text-decoration:underline;} .ing_pro{ padding-top:70px;} .ing_pro .kuang{ width:500px; height:530px; float:left; border:1px solid #cccccc; border-left:7px solid #256dca; margin-left:28px; margin-top:10px;-webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; cursor:pointer;} .ing_pro .kuang:hover{ -webkit-box-shadow: 2px 2px 10px #e2e2e2; -moz-box-shadow: 2px 2px 10px #e2e2e2; box-shadow: 2px 2px 10px #e2e2e2; } .ing_pro .p1{ height:241px; border-bottom:1px solid #cccccc; background-color:#fcfcfc; position:relative; padding-top:22px; z-index:1;} .ing_pro .p1 span.dd{ position:absolute; width:23px; height:16px; background:url(../images/jian.png); display:block; top:-1px; left:230px; z-index:99;} .ing_pro .p1 .img{ float:left; width:245px;}.ing_pro .p1 .img div{ display: table-cell; vertical-align:middle;/*璁剧疆姘村钩灞呬腑*/ text-align:center;/* 閽堝IE鐨凥ack */ *display: block; *font-size: 210px;/*绾︿负楂樺害鐨?.873锛?00*0.873 绾︿负175*/ *font-family:Arial;/*闃叉闈瀠tf-8寮曡捣鐨刪ack澶辨晥闂锛屽utf-8缂栫爜*/ width:245px; height:230px; } .ing_pro .p1 .img div img{vertical-align:middle;max-width:220px;_width:expression(this.width > 220 ? "220px" : this.width);_width:expression(this.height > 220 ? "220px" : this.height);max-height:220px;} .ing_pro .p1 .cont{ float:left; width:245px; color:#787878; line-height:24px; padding-top:20px;} .ing_pro .p1 .cont .title{ padding-bottom:15px; font-size:15px} .ing_pro .p1 .cont .title a{ font-size:15px;} .ing_pro .p2{ height:241px; padding-top:22px; background-color:#FFFFFF; position:relative; border-bottom:0px;} .ing_pro .more{ width:154px; text-align:center; height:30px; line-height:30px; color:#fff; background-color:#256dca; margin-top:60px; display:inline-block;} .ing_server_title{ background:url(../images/title_bg1.png) center no-repeat; height:66px; text-align:center; margin-bottom:20px;} .ing_server_title .span1{ font-size:26px; color:#fff;} .ing_server_title .span2{ font-size:22px; color:#256dca;} .ing_server{ padding-top:80px;} .ing_server ul li{ width:241px; height:307px; background:url(../images/bsbg.png); padding:10px; text-align:center; float:left; margin-left:18px; padding-top:15px;} .ing_server ul li a{ color:#256dca; font-size:22px; display:block; line-height:50px;} .ing_server ul li .cont{ padding:0 10px; font-size:12px; text-align:left;} .m-box2 { border: 1px solid #ddd; } .m-box2 .m-hd { border-bottom: 1px solid #ddd; border-left: 3px solid #256dca; height: 40px; line-height: 40px; font-size: 15px; padding: 0 10px; } .m-box2 .m-hd h3{ font-size:15px }.m-box2 .m-hd h3 a{ color:#555555;} .m-box2 .m-hd span{ display:block; float:right; font-weight:100; font-size:12px; } .m-box2 .m-hd span a{ color:#999; } .m-box2 .m-bd{ padding:10px; } .news-top{ border-bottom:1px dotted #ddd; margin-bottom:10px; padding-bottom:15px; } .news-top .thumb{ display:block; width:100px; height:90px; float:left; margin-right:10px; overflow:hidden; } .news-top .thumb:hover img { transform: scale(1.1); transition:1000ms; } .news-top h5{ font-size:13px; height:30px; line-height:30px; overflow:hidden; } .news-top h5 a{ color:#256dca; } .news-top p{ color:#999; line-height:20px; } .m-txtlst1 li{ height:32px; line-height: 32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .m-txtlst1 li span{ display: block; float: right; color: #999; } .ico2 li{ background:url(../images/ico2.gif) no-repeat 0 50%; padding-left:10px; } .hasline li{ border-bottom:1px dotted #ddd; } .ing_news{ font-size:12px; padding-top:90px;} .ing_news .m-box2{ display:inline; float:left; width:350px; } .ing_news .hy{ margin:0 20px; } .ing_contact{ padding-top:60px;} .ing_contact .left .title{ color:#256dca; font-size:24px; padding-top:25px; padding-bottom:25px;} .ing_contact .left .ico{ line-height:26px; padding:3px 0px;} .ing_contact .left .ico1 { padding-left:26px; background:url(../images/ico1.png) 2px 4px no-repeat;} .ing_contact .left .ico2 { padding-left:26px; background:url(../images/ico2.png) 0px 4px no-repeat;} .ing_contact .left .ico3 { padding-left:26px; background:url(../images/ico3.png) 5px 6px no-repeat;} .ing_contact .left .ico4 { padding-left:26px; background:url(../images/ico4.png) 0px 6px no-repeat;} .ing_contact .left .ico5 { padding-left:26px; background:url(../images/ico5.png) 0px 9px no-repeat;} .ing_contact .left .ico6 { padding-left:26px; background:url(../images/ico6.png) 0px 4px no-repeat;} .ing_contact .right{ width:656px; height:308px; background-color:#fff; border:1px solid #cccccc; padding:7px;} .foot{ color:#797979; font-size:12px;} .foot_t{ padding-top:26px; border-bottom:1px solid #3e3e3e; height:96px; } .foot_t .title{ color:#256dca; font-size:16px; padding-bottom:8px} .foot a{ color:#797979;}.foot a:hover{ color:#FFFFFF; } .foot_b{ border-top:1px solid #242424; padding-top:22px;} .about_left{ width:234px; background-color:#585862; margin-top:-44px; z-index:8; position:relative;-webkit-box-shadow: 2px 2px 10px #000; -moz-box-shadow: 2px 2px 10px #000; box-shadow: 10px 0px 20px rgba(0,0,0,.3); margin-bottom:50px; float:left;} .about_left .title{ width:210px; height:70px; background-color:#256dca; color:#FFFFFF; font-size:14px; padding-left:24px; padding-top:22px;} .about_left .title span{ font-size:24px;} .about_left ul li{ height:42px; line-height:42px; border-bottom:1px solid #4b4b53; border-top:1px solid #616169; padding-right:24px; } .about_left ul li a{ padding-left:24px; font-size:16px; display:block; color:#9d9da5; background:url(../images/d1.jpg) right no-repeat; } .about_left ul li a:hover,.about_left ul li.cur a{ color:#fff;background:url(../images/d2.jpg) right no-repeat;} .about_left .contact_img{ text-align:center; padding:24px 0px; border-top:1px solid #616169;} .about_right{ width:840px; float:right;} .about_right .title{ border-bottom:1px solid #cccccc; height:38px; line-height:38px; padding-left:28px; background:url(../images/tb.jpg) left no-repeat; margin-top:20px;} .about_right .title .left{ font-size:18px; color:#023175; } .about_right .title .right{ padding-left:22px; color:#7c7c7c; background:url(../images/tb1.jpg) left no-repeat; font-size:12px;} .about_right .title .right a{color:#7c7c7c;}.about_right .title .right a:hover,.about_right .title .right a.cur{ color:#256dca;} .about_right .cont{ padding:20px; line-height:26px; color:#858585;} .pro_list{ padding-top:8px; padding-bottom:40px;} .pro_list ul li{ border:1px solid #dddddd;width:258px; height:282px; float:left; margin:0px 10px; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; margin-top:22px; } .pro_list ul li .img{ width:258px; display: table-cell; vertical-align:middle;/*璁剧疆姘村钩灞呬腑*/ text-align:center;/* 閽堝IE鐨凥ack */ *display: block; *font-size: 210px;/*绾︿负楂樺害鐨?.873锛?00*0.873 绾︿负175*/ *font-family:Arial;/*闃叉闈瀠tf-8寮曡捣鐨刪ack澶辨晥闂锛屽utf-8缂栫爜*/ width:258px; height:242px; } .pro_list ul li .img img{vertical-align:middle;max-width:240px;_width:expression(this.width > 240 ? "240px" : this.width);_width:expression(this.height > 220 ? "220px" : this.height);max-height:220px;} .pro_list ul li .wb{ height:40px; line-height:40px; background-color:#595963; color:#FFFFFF; text-align:center; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .pro_list ul li:hover{-webkit-box-shadow: 2px 2px 10px #e2e2e2; -moz-box-shadow: 2px 2px 10px #e2e2e2; box-shadow: 2px 2px 10px #e2e2e2; }.pro_list ul li:hover .wb{ background-color:#256dca;} .news-imglst{ font-size:12px; padding:20px;} .news-imglst li { border-bottom: 1px dashed #ddd; padding: 25px 0; overflow: hidden; } .news-imglst .tt { font-size: 16px; height: 30px; line-height: 40px; margin-bottom: 10px; } .news-imglst .thumb { width: 160px; height: 120px; margin-right: 20px; overflow: hidden; } .news-imglst .thumb:hover img { transform: scale(1.1); transition: all ease-out 1683ms; } .news-imglst .info { color: #999; line-height: 30px; } .news-imglst .abs { color: #808080; height: 50px; line-height: 25px; overflow: hidden; } .news-imglst .abs a, .news-imglst .info a { color: #004490; } .news-imglst .abs a:hover, .news-imglst .info a:hover { text-decoration: underline; } .news-imglst .info span { margin-right: 12px; } .pages{ width:100%; text-align:center; height:30px; line-height:30px; margin-bottom:10px; font-size:12px; padding-top:30px; padding-bottom:30px;} .pages a{ display:inline-block; *display:inline; zoom:1; height:28px; line-height:28px; vertical-align:top; font-size:16px; color:#555555; margin:0 3px; border:1px solid #e5e5e5; color:#565553; padding:0px 13px; font-size:12px} .pages a.tongji{ background-color:#f9f9f9; color:#bbbbbd;} .pages a.hui{color:#bbbbbd;} .pages .now{ background:#3362a8; font-weight:bold; color:#FFFFFF; border:1px solid #3362a8; } .pages .prev,.pages .next{ color:#FFF; border:1px solid #e5e5e5; color:#565553; padding:0 10px; } .pages .prev:hover,.pages .next:hover{background:#3362a8; border:1px solid #3362a8; color:#FFFFFF;} /* product */ .pro_dateil {float: right;} .pro_content{height:auto; padding-top:40px;} .pro_product{ margin-top:10px; width:800px; height:400px;} /* 330锟侥筹拷400 15 锟侥筹拷8 */ .pro_cattitle { border-top:#d6d6d6 1px dotted; background:url(../images/chanpin4.jpg) center; height:30px; overflow:hidden;zoom:1; margin-bottom: 15px;} .pro_product .pro_title{text-align: center; line-height: 40px; height: 60px; font-weight: bold; color: #2DB0E8;} .pro_product .pro_title h1{font-size: 24px;} .relate_cattitle { border-top:#d6d6d6 1px dotted; background:url(../images/chanpin4.jpg) center; height:30px; overflow:hidden;zoom:1; margin-bottom: 15px; width: 780px; float: right;} .relate_product .pro_title{text-align: center; line-height: 40px; height: 60px; font-size: 22px; font-weight: bold; color: #2DB0E8;} .related h3{font-size: 12px;} .relate_cattitle span{ float:left; margin-left: 20px; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#424242; text-align:center; cursor:pointer;} .pro_cattitle span{ float:left; margin-left: 20px; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#424242; text-align:center; cursor:pointer;} .pro_cattitle .paddleft span{margin-right:5px;float: right; font-size: 12px; font-weight:normal;} .pro_left{ width:350px; height:380px; float:left;} .pro_left .jqzoom img{width:355px;height: 254px;} .pro_right{ width:400px; float:right; } .pro_right .titlea{ font-size:16px; color:#8aa932; padding-bottom:10px;} .pro_right h2{ width:380px; height:40px; display:block; padding-top:10px; font-size:22px;font-family:"微锟斤拷锟脚猴拷","锟斤拷锟斤拷"; font-weight:bold; border-bottom:#c9c9c9 1px solid;} .pro_right a.zixun{ height:42pox; line-height:42px; background-color:#8aa932; color:#fff; width:140px; text-align:center; font-size:16px; margin-top:25px; display:block;} /* 2011-12-05*/ .pro_right_2011{ height:56px; padding-right:10px;} .pro_right_2011 h2{ height:56px; padding-top:2px; font-size:24px; font-family:"微锟斤拷锟脚猴拷","锟斤拷锟斤拷","锟斤拷锟斤拷";} .pro{ width:180px; height:30px; line-height:30px; font-size:14px; font-weight:bold; display:block; padding-top:15px;} .pro_right p{ line-height:25px; font-size:14px; color:#9c9c9c;} .p_contact{ height:30px; width:380px; margin-top:5px; display:block;} .pl2_left2{ width:352px; height:22px; padding-top:10px; padding-bottom:10px; overflow:hidden; background: url(../images/cs.gif) no-repeat 0px 15px} .pl2_left2 ul{padding-left:25px;} .pl2_left2 ul li{float:left;width:90px; line-height:30px} .pl2_left2 .a1{ padding-left:20px; } .pl2_left2 .a2{ padding-left:10px; } .pro_xqdh{margin-left:20px; width:780px; float: right; height:28px; border-bottom:3px solid #0a84e1;} .pro_btndis,.pro_btn{ width:87px; height:21px; float:left; line-height:21px; margin-right:5px; text-align:center; color:#034ea2; font-weight:bold; cursor:pointer; font-size:14px; border-right:#c9c9c9 1px solid; margin-bottom:5px;} .pro_btnundis,.pro_btn1{ width:87px; height:21px; float:left; line-height:21px; margin-right:5px; text-align:center; color:#333;cursor:pointer;font-size:14px; border-right:#c9c9c9 1px solid; margin-bottom:5px;} .proxq{ padding:15px; font-size:14px;} .ptabdis,.ptabundis,.pro_down{ width:750px; min-height: 100px; height:auto; padding:15px; font-size:14px; color:#333; float: right; margin-bottom: 20px;} .ptabdis p,.ptabundis p,.pro_down p{ height:25px; line-height:25px;} .ptabundis { display:none} .tab_menu{list-style:none;overflow:hidden; border-bottom: 1px solid #dddddd; margin-top:10px; } .tab_menu li{width:87px;float:left;height:21px;line-height:21px; font-size:15px;text-align:center;cursor:pointer;border-right: #c9c9c9 1px solid; margin-bottom: 10px;} .tab_menu li.current{color:#89a830; font-weight:bold;} .tab_box>div{ width: 750px; min-height: 100px; height: auto; padding: 15px;font-size: 14px; color: #333; margin-left:20px; margin-bottom:20px} .tab_box .hide{display:none;} /*鍒楄〃鍐呭椤?/ .listConts{line-height:26px;color:#666; padding-top:40px;} .listConts .titlea{font-size:24px;text-align:center;line-height:40px;color:#000;} .listConts .info{width:400px;height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;} .listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;} .listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;} .listConts .info .small{font-size:10px;padding-right:3px;} .listConts .info .big{color:#003ba6;padding-left:3px;} .listConts .desc{margin:20px 0 15px;padding:15px;line-height:24px;border:1px solid #f4e4b4;background:#fffff0; } .listConts .showimg{margin:20px 0;text-align:center;} .listConts .showimg a img{border:1px solid #ccc;padding:1px;} .listConts .showimg a:hover img{border:1px solid #F90;padding:1px;} .listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;} .listConts .author{text-align:right;color:#999;} .listConts #textarea{ font-size:14px;} /*璇︾粏椤靛姛鑳藉尯*/ .preNext{position:relative;} .preNext .line{overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;} .preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;} .preNext .text{color:#999;} .preNext .actBox{position:absolute;top:25px;right:0;} .preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;} .preNext .actBox li a{color:#666;} .preNext .actBox li#act-fav{background-position:4px 0px;} .preNext .actBox li#act-err{background-position:4px -37px;} .preNext .actBox li#act-pus{background-position:4px -73px;} .preNext .actBox li#act-pnt{background-position:4px -109px;} .book{ width:100%; padding:30px 0px;} .book li{ width:100%; margin-bottom:15px;} .book li .tit{ display:block; width:100px; height:35px; line-height:35px; text-align:right; font-size:14px; color:#333; float:left;} .book li .tit i{ font-style:normal; color:#F00; margin-right:4px;} .book li .li_m{ width:600px; float:left;} .book li .li_m input{ width:60%; height:35px; line-height:35px; padding:0 5px; border:1px solid #ddd;} .book li .li_m textarea{ width:80%; height:95px; border:1px solid #ddd;} .book li .li_m input[type="submit"]{ background:#256dca; text-align:center; border:1px solid #256dca; color:#FFF; font-size:16px; cursor:pointer; width:30%;} .n_banner{ height:400px!important; width:100%; margin-top:130px; padding-top:0px!important;} .pro_gg{ padding:5px 0px;} .pro_contt{ padding-bottom:40px;} .pro_contt a{ color:#FF0000;}