/* CSS Document */ body{margin:0; padding:0px; font-family: "微软雅黑", Arial, Helvetica, sans-serif; color: #333333; } a{ color: #333333; text-decoration:none;} a hover{ color:#FF0000;} div,ul,li,h2,h3,h4,dl,dd,dt,tr,td{margin:0; padding:0;} ul,li{list-style:none;} img{ border:0;} .clear {clear:both;} .izl-rmenu{margin-right:0;width:82px;position:fixed;right:2px;top:50%;-webkit-box-shadow:#DDD 0px 1px 5px;-moz-box-shadow:#DDD 0px 1px 5px;box-shadow:#DDD 0px 1px 5px;z-index:999;} .izl-rmenu .consult{background-image:url(../images/consult_icon.gif);background-repeat:no-repeat;background-position:center -77px;display:block;height:76px;width:82px;} .izl-rmenu .consult .phone {background-color:#fff;font-family:"微软雅黑";position:absolute;width:160px;left:-168px;top:0px;line-height:73px;color:#000;font-size:18px;text-align:center;display:none;box-shadow:#DDD -1px 1px 4px;} .izl-rmenu a.consult:hover .phone{display:inline !important;} .izl-rmenu .cart {background-image:url(../images/consult_icon.gif);background-repeat:no-repeat;background-position:center bottom;display:block;height:16px;width:16px;font-size:12px;line-height:16px;color:#45BDFF;text-align:center;padding-top:15px;padding-right:18px;padding-bottom:47px;padding-left:48px;} .izl-rmenu a.cart:hover .pic{display:block;} .izl-rmenu .btn_top {background-image:url(../images/float_top.gif);background-repeat:no-repeat;background-position:center top;display:block;height:39px;width:82px;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out;} .izl-rmenu .btn_top:hover {background-image:url(../images/float_top.gif);background-repeat:no-repeat;background-position:center bottom;} .izl-rmenu .cart .pic {display:none;box-shadow:#DDD -2px 2px 4px;position:absolute;left:-160px;top:65px;width:143px;height:146px;background:url(../images/weixin.jpg) no-repeat;} #udesk-feedback-tab {position:fixed;right:2px;top:50%;margin-top:-76px;-webkit-box-shadow:#DDD 0px -1px 5px;-moz-box-shadow:#DDD 0px -1px 5px;box-shadow:#DDD 0px -1px 5px;z-index:10000;cursor:pointer;background-image:url(../images/consult_icon.gif);background-repeat:no-repeat;background-position:center top;display:block;height:76px;width:82px;background-color:#FFF!important;z-index:999;} #top{ border-bottom:#CCC 1px dotted; height:30px; line-height:30px;} .top1{ width:1102px; margin:0 auto; text-align:right; font-size:12px;} .top2{ width:1102px; margin:0 auto;} .top2-left{ width:161px; float:left;} .top2-right{ width:941px; float:right;} #banner{ width:996px; margin:0 auto; border:#CCCCCC 1px solid;} .banner1{ width:100%; overflow:hidden;} .banner2{ position:absolute; z-index:998; overflow:hidden; margin-top:280px; width:100%;} .banner2-c{ width:1102px; margin:0 auto; } .banner2-c-left{ width:42px; float:left; } .banner2-c-c{ width:998px; float:left; background:url(../images/new_02.png) 0 0 repeat-x;height:82px; padding:10px;} .banner2-c-c-left{ width:80px; float:left; font-size:24px; font-weight:bold; border-right:#999 1px dotted; margin-top:10px;} .banner2-c-c-c{ width:708px; float:left; margin-left:20px;height:80px;} .banner2-c-c-right{ float:right;} .banner2-c-right{ width:42px; float:right; } .banner-about{ height:233px;} .banner-contact{ background:url(../images/contact.jpg) top center no-repeat; height:233px;} .about{ text-align:center; line-height:22px; font-size:12px; color:#CCC; padding:20px 0;} .about1{ background:url(../images/xian_05.jpg) 0 50% repeat-x;} .about1-c{ width:1102px; margin:10px auto; line-height:24px; font-size:12px; text-align: left; padding:0 20px; } .about1-c1{ width:1102px; margin:10px auto; line-height:24px; font-size:12px; text-align: left; } .ss{ width:530px; float:left; height:269px;padding-right:10px;} .ss-left{ width:77px; float:left; } .ss-right{ width:450px; float:right; } .sa{ border:#CCC 1px solid; border-width:0 0 1px 0 ; width:540px; float:right; padding-left:10px; } .sb{ border:#CCC 1px solid; border-width:0 1px 0 0 ; width:550px; float:left; padding-top:10px; } .sc{ width:541px; float:right;padding-top:10px; padding-left:10px; } .about1-word{ background:#000; padding:5px; color:#FFF; font-size:15px; font-weight:bold; width:10%; margin:0 auto; text-align:center;border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border:#000 1px solid;} .about1-more{ padding:5px; color:#747474; font-size:15px; font-weight:bold; width:106px; margin:20px auto; text-align:center;border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: #747474 1px solid;} .about1-more a{color:#747474;} .about1-more a:hover{ display:block; color:#fe7303;border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background:#747474; color:#FFF; border: #747474 1px solid;} .content{ text-align:center; font-size:12px; color:#999; margin-top:30px;} .c-c{ width:1102px; margin:0 auto; text-align:center; font-size:12px; color:#999; margin-top:30px; } .c-c1{ width:1102px; margin:0 auto;} .c2{ font-size:12px;} .tu { width:323; height:167px; display:block; border:#CCC 1px solid; background: #f0f0f0; text-align:center; } .tu a { width:323; height:167px; display:block;} .tu a:hove { width:323; height:167px; display:block; background-color:#F90;} .message{ background:#fcfcfc; padding:10px 0; } .message-c{ width:1102px; margin:0 auto;} .message-c-left{ width:300px; float:left;} .message-c-right{ width:772px; float:right;border:#999 1px solid;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; padding:5px;} /* 主导航开始 */ #menu { width:997px; margin:10px auto; background:url(../images/index_14.jpg) 0 0 repeat-x; height:36px; } #menu ul {list-style: none;} #menu ul li {float:left; width:124px; line-height:36px; height:36px; display:block; font-family:"微软雅黑"; font-weight:bold; color: #fff; background:url(../images/index_16.jpg) 0 0 no-repeat;} #menu ul li a {display:block;height: 36px;line-height:36px;text-align:center; font-size: 14px; font-weight:bold; color: #fff; text-decoration:none;} #menu ul li a:hover {height: 36px; line-height: 36px; color: #0d78c1; background:#FFFFFF;display:block;} /* 主导航结束 */ /* 底部导航开始 */ #tabbox{ width:607px; overflow:hidden; margin:0 auto; color:#8e8e8e; } .tab_conbox{border: 0px solid #999;border-top: none;} .tab_con{ display:none;} .tabs{height: 32px;border-bottom:0px solid #999;border-left: 0px solid #999;width: 100%;} .tabs li{height:32px;float:left;border:0px solid #999;border-left:none; background:url(../images/anniu_03.png) top center no-repeat;overflow: hidden;position: relative; width:130px; margin-left:10px;} .tabs li a {display: block;border: 0px solid #fff;outline: none;color:#FFFFFF; text-align:center; padding-top:4px;font-size: 12px; font-weight:bold;color:#ebebeb;width:130px;} .tabs li a:hover { background:url(images/anniu_01.png) top center no-repeat;color:#FFFFFF; text-decoration:none;width:130px;} .tabs .thistab,.tabs .thistab a:hover{border-bottom: 0px solid #fff; background:url(../images/anniu_01.png) top center no-repeat;text-decoration:none;width:130px;} .tab_con {padding:12px;font-size: 12px; line-height:175%;} /* 底部导航结束 */ #n { width:400px; margin:10px auto; } #n ul {list-style: none; } #n ul li {line-height:30px; float:left; display:block; color:#676666; border:#CCCCCC 1px solid; margin:5px; } #n ul li a {display:block; line-height:30px;font-size:12px; text-align:center; color:#676666; padding:5px; } #n ul li a:hover { line-height:30px; color:#ffffff; background:#414141; display:block; } #n ul li.s{display:block; line-height:30px;font-size:12px; color: #000000; font-weight:bold; border:0; } #case { width:560px; margin:10px auto; } #case ul {list-style: none; } #case ul li {line-height:30px; float:left; display:block; color:#676666; border:#CCCCCC 1px solid; margin:5px; } #case ul li a {display:block; line-height:30px;font-size:12px; text-align:center; color:#676666; padding:5px; } #case ul li a:hover { line-height:30px; color:#ffffff; background:#414141; display:block; } #case ul li.s{display:block; line-height:30px;font-size:12px; color: #000000; font-weight:bold; padding:5px; border:0; } #case-c { width:1102px; margin:10px auto; } #case-c ul {list-style: none; } #case-c ul li {line-height:30px; float:left; display:block; color:#676666; border:#CCCCCC 1px solid; margin:5px; } #case-c ul li a {display:block; line-height:30px;font-size:12px; text-align:center; color:#676666; padding:5px; } #case-c ul li a:hover { line-height:30px; color:#ffffff; background:#414141; display:block; } #case-c ul li.s{display:block; line-height:30px;font-size:12px; color: #000000; font-weight:bold; border:0; height:90px;} #product { margin:0 auto; } #product ul {list-style: none; } #product ul li { line-height:33px; display:block; color:#000; background:url(../images/submenu_ico.png) 20px 5px no-repeat; border-bottom:#99a5c7 1px dotted; display:block;} #product ul li a {display:block;height:33px; line-height:33px;font-size:12px; color:#000; padding-left:30px; } #product ul li a:hover { height:33px; line-height:33px; color:#f8f9ff; background: #2c9cd4; } #index-news { margin:20px auto; width:1019px; padding-left:20px; } #index-news ul {list-style: none; } #index-news ul li {width:326px; display:block; margin-right:13px; line-height:22px; float:left; color: #999; } #index-news ul li a { color:#494949; } #index-news ul li a:hover { color:#000; } .f12 {font-size:12px; color: #9b9b9b;padding-left:20px; } .f12 a {font-size:12px; color:#9b9b9b; } .f12 a:hover {color: #000; text-decoration:underline;} .f12 p {margin:0px 0 0 20px;} .more {font-size:12px; color: #333;padding-left:10px; background:url(../images/more_28.jpg) 90% 50% no-repeat; text-align:right; } .more a {font-size:12px; color:#333; } .more a:hover {color: #000; text-decoration:underline;} .f13 {font-size:14px; color: #2a2a2a; text-align:center; } .f13 a {font-size:14px; color:#2a2a2a; } .f13 a:hover {color:#000000; text-decoration:underline;} .f14 {font-size:14px; color: #333333; font-weight:bold; background:url(../images/dot.gif) left 50% no-repeat} .f14 a {font-size:14px; color:#333333; font-weight:bold; padding-left:20px; } .f14 a:hover {color: #F00; text-decoration:underline; } .f15 {font-size:18px; color: #333333; font-weight:bold;} .f15 a {font-size:18px; color:#333333; font-weight:bold;} .f15 a:hover {color: #F00; text-decoration:underline; } .f17 {font-size:30px; color: #25b1f2; font-weight:bold; } .f17 a {font-size:30px; color:#25b1f2; font-family:Georgia, "Times New Roman", Times, serif; } .f17 a:hover {color:#1a96cf; text-decoration:underline;} .f17-1 {font-size:20px; color: #666; font-weight:bold; } .f17-1 a {font-size:20px; color:#666; } .f17-1 a:hover {color:#1a96cf; text-decoration:underline;} .f17-2 {font-size:14px; color: #e15e34; font-weight:bold; margin:10px 0; } .f17-2 a {font-size:20px; color:#e15e34; } .f17-2 a:hover {color:#a52800; text-decoration:underline;} .f17-3 {font-size:16px; color: #e15e34; font-weight:bold; display:block; width:162px; height:30px; line-height:30px; border:#e15e34 2px solid; margin:10px auto; } .f17-3 a {font-size:16px; color:#e15e34; } .f17-3 a:hover {color: #FFF; text-decoration:underline; display:block; background:#C30;} .f17-4 {margin-top:20px; font-size:16px; color: #e15e34; font-weight:bold; display:block; width:162px; height:30px; line-height:30px; border:#e15e34 2px solid; } .f17-4 a {font-size:16px; color:#e15e34; display:block; } .f17-4 a:hover {color: #FFF; text-decoration:underline; background:#C30;display:block; } .word {font-size:16px; color: #151515; font-weight:bold; text-align:center; } .word a {font-size:16px; color:#151515; } .word a:hover {color:#1a96cf; text-decoration:underline;} /* news */ #box{width:982px;background:#f2f2f2;overflow:hidden; margin:0 auto; padding-left:120px; padding-top:96px; padding-bottom:96px;} .left{width:100%;float:left;} #box li{height:180px;position:relative;border-bottom:1px dotted #D1A1A1; float:left; width:434px; display:block;margin :0 20px 20px 0;} #box li div,#box li p{} #box li div a,#box li div span{font-size:12px;} #box li div a {float:left;background:url(../images/li_bg.gif) 8px 8px no-repeat;padding-left:15px;color: #999999;width:410px;overflow:hidden;font-size:12px;} #box li div a:hover{float:left;background:url(../images/li_bg.gif) 8px 8px no-repeat;padding-left:15px;color:#CC0000;text-decoration:underline;overflow:hidden;} #box li div span{padding-right:10px;float:right;color: #000000; } /* index-case */ .rollBox{width:1102px;overflow:hidden;padding:12px 0 5px 16px; margin:0 auto;} .rollBox .LeftBotton{height:39px;width:50px;background:url(../images/anniu_06-left.jpg) no-repeat 10px 0;overflow:hidden;float:left;display:inline;margin:15% 0 0 0;cursor:pointer;} .rollBox .RightBotton{height:39px;width:55px;background:url(../images/anniu_06-right.jpg) no-repeat -3px 0;overflow:hidden;float:left;display:inline;margin:15% 0 0 0;cursor:pointer;} .rollBox .Cont{width:965px;overflow:hidden;float:left;} .rollBox .ScrCont{width:10000000px;} .rollBox .Cont .pic{width:293px;float:left;text-align:center; margin-right:30px; } .rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;} .rollBox .Cont .pic p{line-height:26px;} .rollBox .Cont a:link,.rollBox .Cont a:visited{text-decoration:none;} .rollBox .Cont a:hover{text-decoration:underline;} .rollBox #List1,.rollBox #List2{float:left;} .rollBox .case-gun{ background:#ededef; padding:5px; border:#CCC 1px solid;} .case-product { } .case-product ul { } .case-product ul li { margin:10px 0; } .case-product ul li a{ } .case-product a:hover{ text-decoration:underline;} /* banner */ #full-screen-slider { width:100%; height:434px;} #slides { display:block; width:100%; height:434px; list-style:none; padding:0; margin:0; position:relative;z-index: 1;} #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:19%; top:590px; z-index:9900; padding:5px 15px 5px 0; margin:0} #pagination li { display:block; list-style:none; width:13px; height:13px; float:left; margin-left:15px; border-radius:6.5px; background:#FFF; } #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} #pagination li.current { background:rgb(226, 93, 52);} /* index-news */ .lanrenzhijia { position:relative;width:100%;height:80px; overflow:hidden; font-size:12px;} .downpaly { position:absolute;width:90%;padding:0px 10px;left:0;top:5;} .fl {float:left} .downpaly li {border-bottom:1px dotted #ccc;padding:10px 0px;overflow:hidden;} /* index-logo */ #logo{ width:1003px; height:auto; margin:30px auto; overflow:hidden; background:#dfdfdf; padding-top:1px;} #logo:hover{ background: #666;} #logo:hover img{opacity:0.7;filter: alpha(opacity=70);} #logo li{ float:left; width:166px; height:67px; overflow:hidden; position:relative; margin-left:1px; margin-bottom:1px;} #logo li img{ position:absolute; left:0; top:0; z-index:10;} #logo li:hover img{ opacity:1;filter: alpha(opacity=100);} /* index-pro */ #servicesBox{width:1102px;height:270px;margin:0 auto;clear:both;padding:14px 0px 20px 0px;line-height:18px;color:#999999;font-size:12px;} #servicesBox h3{font-weight:normal;font-size:16px;height:30px;line-height:20px;color:#000000;} #servicesBox .serBox{cursor:pointer;display:inline;width:265px;height:270px;float:left;overflow:hidden;background-color:#f7f7f7;position:relative;padding:0} #servicesBox .serBoxOn{display:none;width:265px;height:270px;background:#D9D9D9;position:absolute;left:0px;top:0px;z-index:19;} #servicesBox .serBox .pic1{width:65px;height:110px;text-align:center;position:absolute;top:22px;right:120px;z-index:99;} #servicesBox .serBox .pic2{width:65px;height:110px;text-align:center;position:absolute;top:22px;left:-125px;z-index:99;} #servicesBox .serBox .txt1{width:195px;height:100px;color:#999999;position:absolute;top:115px;left:40px;z-index:99;} #servicesBox .serBox .txt2{width:195px;height:100px;color:#999999;position:absolute;top:115px;right:-240px;z-index:99;} #servicesBox .serBox span.tit{font-size:16px;display:block;height:50px;line-height:40px;text-align:center;} #servicesBox .serBox .txt1 .tit{color:#000000; font-size:16PX; font-weight:bold;} #servicesBox .serBox .txt2 .tit {color:#008BFD; font-size:16PX; font-weight:bold;} .servicesPop{width:100%;clear:both;padding-top:33px;position:absolute;top:605px;left:0px;z-index:999;display:none; } .servicesPop #serFocus{width:1102px;height:273px;margin:0 auto;clear:both;background-color:#ffffff;} #serFocus .white{color:#fff} #serFocus div.box{height:273px;display:none;color:#999999;} #serFocus div.box .serTit{height:50px;line-height:20px; font-size:14px; font-weight:bold; color:#000;} .flash_bar{text-align:center;clear:both;height:32px;width:1000px;padding-top:10px;margin:0 auto;} .flash_bar span.dq{display:inline-block;width:28px;height:28px;cursor:pointer;background:url(../images/bt_bg.gif) no-repeat 0 -38px;} .flash_bar span.no{display:inline-block;width:28px;height:28px;cursor:pointer;background:url(../images/bt_bg.gif) no-repeat 0px 0px;} a.close{cursor:pointer;display:inline-block;width:28px;height:28px;background:url(../images/bt_bg.gif) no-repeat 0px -608px;position:absolute;top:0px;z-index:99;right:0px;} a.close:hover{background:url(../images/bt_bg.gif) no-repeat -38px -608px;} .clients_box{width:996px;height:243px;overflow:hidden;border-top:#efeff0 1px solid;border-left:#efeff0 1px solid;background-color:#ffffff;clear:both;overflow:hidden;margin:0px auto 0px auto;margin-bottom:60px;} .clients_box li{float:left;padding:0px;border-bottom:#efeff0 1px solid;border-right:#efeff0 1px solid;width:165px;height:80px;/**/ overflow:hidden;} .clients_box img{width:165px;height:80px;margin:0px;padding:0px;} a.yidongBt{display:inline-block;margin-top:5px;width:125px;height:32px;line-height:32px;text-align:center;font-size:14px;background:url(../images/bt_bg.gif) no-repeat 0px -326px;} a.yidongBt:hover {background:url(../images/bt_bg.gif) no-repeat 0px -368px;} .yidongL{width:265px;height:273px;text-align:right;float:left;padding-right:40px;overflow:hidden;} .servicesCon{float:left;padding-top:40px;} .servicesTxt{float:left;width:510px;padding-top:55px;line-height:22px;} .servicesTxt p{padding:8px 0px;} span.Apple,span.Android,span.Win8{display:inline-block;padding:0px 90px 0px 40px;height:35px;line-height:35px;color:#222222;font-size:16px;font-family:Arial;background-image:url(../images/bt_bg.gif);background-repeat:no-repeat;} span.Apple{background-position:0px -410px;} span.Android{background-position:0px -455px;} span.Win8{background-position:0px -500px;} .servicesCon ul{padding:5px 0px;} .servicesCon li{clear:both;background:url(../images/bt_bg.gif) no-repeat 0px -552px;line-height:26xp;padding-left:12px;color:#999999;} .hr_subject{background:#F8F8F8;border:1px solid #E8E8E8;border-left:0;border-right:0;color:#333;text-align:center;line-height:30px;height:30px;font-size:14px;} .hr_td{line-height:30px;height:30px;border-bottom:1px dotted #ccc;font-size:14px;} .news_title{margin:5px 0;padding:0;text-align:center;font-size:16px;color:#333;font-family:"Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif; font-weight: bold;} .news_info{text-align:center;color:#999;border:1px solid #e1e1e1;border-left:0;border-right:0;margin:10px 0;padding:5px 0;} #art_content{color:#333;} .page{float:left;margin-top:20px;text-align:center;width:100%;height:40px;margin-left:0px;} .page a{border:1px solid #7CBBED;padding:4px 6px;font-size:12px;} .page .thispage{padding:4px 6px;background:#7CBBED;font-size:12px;} .ny_nr{ line-height:28px; font-family:"微软雅黑"; clear:both; } .ny_nr ul{ clear:both; } .ny_nr ul li{ width:200px; height:270px; float:left; border:1px solid #f2f2f2; font:12px/24px ""; padding:2px; margin-bottom:40px; margin-right:20px; text-align:center; } .ny_nr ul li img{ width:200px; height:270px; }