/*-title-*/ #top{width:100%; height:169px; background:url(../images/title_bg.jpg) repeat-x; margin:auto;} #title{width:1190px; height:169px; margin:auto; } #title h1{ width:670px; height:120px; padding-top:20px;} #title h1 img{ border:0;} #title .kh{ width:200px; height:40px; position:absolute; right:120px; top:20px;} #title .shibo{ width:467px; height:58px; position:absolute; right:40px; top:85px;} /*-nav-*/ #nav{width:100%; height:48px; background:#0570b8; } #nav ul{ width:1190px; text-align:center; margin:auto;} #nav ul li{width:145px; text-align:center; line-height:49px; font-size:16px; float:left; display:block;} #nav ul li a{ color:#ffffff;display:block;} #nav ul li a:hover{ color:#F60; background:#fff; color:#0570b8; } #nav ul li.noimg{ background:none;} #nav ul li a.hover{color:#F60; background:#fff; color:#0570b8; display:block;} #impr{ width:1150px; height:150px;} #impr h2{ width:560px; height:40px; line-height:40px; background:#e5731b; color:#FFF; text-align:center; font-size:20px; font-family:黑体; margin:0 auto;} #impr .con{ width:1110px; height:50px; padding:15px 20px; background:#e9fbff; font-size:14px; line-height:26px; text-indent:30px; margin-top:10px;} /*-关键问题-*/ #two_key{ width:1150px; height:150px; position:relative; text-align:left} #two_key h2{font-size:20px; font-family:黑体; position:relative; color:#e5731b;} #two_key dl{ width:550px; position:absolute; top:40px;} #two_key dl.r{ right:0px;} #two_key dl dt{ font-size:16px; font-weight:bold; position:absolute;} #two_key dl dd{ font-size:14px; line-height:25px; position:absolute; top:30px; left:-38px; text-indent:30px;} /*-中间图-*/ #picMid{ width:1150px; height:500px; position:relative; background:url(../images/imp.jpg) center no-repeat;} #picMid img{ position:absolute; left:33%; top:5px;} #picMid p{ width:290px; line-height:28px; padding:15px; border:#bbbab5 1px solid; position:absolute; text-indent:30px;} #picMid .p1{ background:#fffeea; left:20px; top:50px} #picMid .p2{ background:#e9f8ff; left:20px; top:150px} #picMid .p3{ background:#ffe9fb; left:20px; top:250px} #picMid .p4{ background:#faffe9; left:20px; top:350px} #picMid .p5{ background:#fff7ea; right:30px; top:100px; padding:15px 25px; line-height:35px;} /*-场合-应用-*/ #add_case{width:1150px; height:365px; position:relative;} #add_case #add{width:569px; position:absolute;} #add_case #case{width:569px; position:absolute; right:0px;} #add_case h2{font-size:16px; color:#FFF; padding:0 15px; height:35px; line-height:35px; background:url(../images/h2_1.jpg) no-repeat;} #add_case h2 a{ position:absolute; right:15px; top:11px;} #add_case .con{ border:#cfcfcf 1px solid; height:285px; padding:20px;} #add_case .con img{ border:#cfcfcf solid 1px; position:absolute;} #add_case .con ul{width:295px; position:relative; position:absolute; right:15px;} #add_case .con ul li{ background:url(../images/icon_1.jpg) 0px 13px no-repeat; line-height:32px; text-indent:20px;} #add_case .con h3{ background:#e5731b; width:240px; height:40px; color:#FFF; font-size:20px; line-height:40px; text-align:center; font-weight:bold; position:absolute; right:40px;} #add_case .con p{ width:270px; position:absolute; top:100px; right:20px; text-indent:30px; line-height:28px;} /*-荣誉-*/ #honor{ width:1150px; height:232px; margin-top:10px;background:#f00;} #honor .t{ background:url(../images/h2_2_bg.jpg) repeat-x; height:36px; position:relative;} #honor .t h2{ width:140px; height:36px; line-height:36px; text-indent:20px; color:#F00; background:url(../images/h2_2.jpg) -200px 0px no-repeat; font-size:16px;} #honor .t p{ display:block; width:450px; heigt:36px; line-height:36px; position:absolute;right:275px; top:0; font-size:14px;} #honor .t p span{color: #E5731B; font-weight: bold;} #honor .t i{font-style:normal; color:#f00; font-size:18px} #honor .tel400{ right:250px; top:10px; color:#f00; font-weight:bold; position:absolute;} #honor .t a{ width:180px; height:36px; position:absolute; right:0px; color:#e5731b; font-size:14px; font-weight:bold;} #honor .t a img{ position:absolute; left:0; top:12px;} #honor .con ul{margin-top:8px;} #honor .con ul li{ list-style:square; line-height:30px; float:left; list-style:none;} #honor .con img{margin:6px; height:215px} /*-价值-*/ #value{ width:1150px; height:132px; background:url(../images/value.jpg) no-repeat; position:relative; margin-top:8px} #value a{ position:absolute; color:#e5731b; top:15px; right:10px; font-weight:bold;} #value h2{ position:absolute; font-family:黑体; font-size:24px; font-weight:bold; color:#0072cf; left:220px; top:40px;} #value p{ position:absolute; font-size:18px; top:80px; left:220px;} /*-流程-*/ #liucheng{ width:1150px; height:890px;} #liucheng .t{ background:url(../images/h2_2_bg.jpg) repeat-x; height:36px; position:relative;} #liucheng .t h2{ width:140px; height:36px; line-height:36px; text-indent:20px; color:#FFF; background:url(../images/h2_2.jpg) -200px 0px no-repeat; font-size:16px;} #liucheng .t a{ width:60px; height:36px; background:url(../images/h2_2.jpg) right no-repeat; position:absolute; right:0px;} #liucheng .t a img{ position:absolute; left:0; top:12px;} #liucheng .con{ border:#cfcfcf 1px solid; border-top:none; padding:8px;} #liucheng .con img{ border:#fec769 1px solid; margin:5px;} /*-特点-*/ .tedian{ width:1150px; height:310px; border-bottom:#cfcfcf 3px solid; position:relative;} .tedian h2{ font-size:28px; font-family:黑体; position:absolute; color:#10388f;} .tedian p{position:absolute;} .tedian p.t{ display:block; width:450px; heigt:36px; line-height:36px; position:absolute;right:-95px; top:11px; font-size:14px;} .tedian p.t span{color: #E5731B; font-weight: bold;} .tedian p.t i{font-style:normal; color:#f00;} .tedian .tel400{ right:275px; top:22px; color:#f00; font-weight:bold;} .tedian a{ color:#e5731b; font-weight:bold; position:absolute;} .tedian.nones{border:none;} .tedian .gun{width:1150px; position:absolute; top:75px; text-align:center;} .tedian .gun img{height:192px} .tedian .p22{right:49px; top:247px;} .tedian .p33{left:3px; top:213px;} .tedian .p44{right:49px; top:175px;} .tedian .p55{left:0px; top:246px;} .tedian .a1{left:485px; top:22px;} .tedian .a2{right:30px; top:215px;} .tedian .a3{left:0px; top:167px;} .tedian .a4{right:30px; top:255px;} .tedian .a5{left:0px; top:210px;} .td1{ background:url(../images/t_bg.jpg) left no-repeat; border-top:#cfcfcf 3px solid; margin-top:8px} .td2{ background:url(../images/t_bg2.jpg) right no-repeat;} .td3{ background:url(../images/t_bg3.jpg) left no-repeat;} .td4{ background:url(../images/t_bg4.jpg) right no-repeat;} .tedian .t1{ top:8px; font-weight:bold;} .tedian .t2{top:15px; right:0px;} .tedian .t3{top:15px;} .tedian .t4{top:15px; right:50px;} .tedian .t5{top:15px;} .tedian .img2{ position:absolute; left:6px; top:52px;} .tedian .img3{ position:absolute; right:10px; top:5px; height:300px} .tedian .img4{ position:absolute; left:10px; top:-7px;} .tedian .img5{ position:absolute; right:80px;} .tedian .p1{ width:440px; line-height:28px; right:30px; top:60px;} .tedian .p2{ width:440px; line-height:28px; right:30px; top:60px;} .tedian .p3{ width:390px; line-height:28px; top:80px;} .tedian .p4{ width:359px; line-height:28px; right:30px; top:60px;} .tedian .p5{ width:390px; line-height:28px; top:80px;} .tedian i{font-style:normal; color:#f00; font-size:20px} .tedian span{color:#e5731b; font-weight:bold;} /*-对比-*/ #duibi{ width:1150px; height:385px; margin-top:10px;} #duibi .t{ background:url(../images/h2_2_bg.jpg) repeat-x; height:36px; position:relative;} #duibi .t h2{ width:285px; height:36px; line-height:36px; text-indent:20px; color:#FFF; background:url(../images/h2_2.jpg) -60px 0px no-repeat; font-size:16px;} #duibi .t p{ display:block; width:450px; heigt:36px; line-height:36px; position:absolute;right:275px; top:0; font-size:14px;} #duibi .t p span{color: #E5731B; font-weight: bold;} #duibi .t a{ width:300px; height:36px; line-height:36px; position:absolute; right:0; top:0; color:#e5731b; font-size:14px; font-weight:bold;} #duibi .t a img{ position:absolute; left:0; top:12px;} #duibi .con{ border:#cfcfcf 1px solid; border-top:none; padding:15px; position:relative;} #duibi .con h3{ width:955px; height:40px; line-height:40px; background:#e5731b; color:#FFF; text-align:center; font-size:20px; font-family:黑体; margin:15px auto;} #duibi .con ol{ position:absolute; left:480px; top:95px;} #duibi .con ol li{ list-style:decimal; line-height:30px;} #duibi .con ul{ position:absolute; left:480px; top:170px;} #duibi .con ul li{ list-style:square; line-height:30px;} #duibi .con img{margin:5px;} #duibi i{font-style:normal; color:#f00; font-size:18px} /*-影响-*/ #yx{ width:1150px; height:370px; margin-top:10px;} #yx .t{ background:url(../images/h2_2_bg.jpg) repeat-x; height:36px; position:relative;} #yx .t h2{ width:300px; height:36px; line-height:36px; text-indent:50px; color:#FFF; background:url(../images/h2_2_2.jpg) -80px 0px no-repeat; font-size:16px; position:absolute; right:0px} #yx .t a{ width:60px; height:36px; background:url(../images/h2_2.jpg) right no-repeat; position:absolute; right:0px;} #yx .t a img{ position:absolute; left:0; top:12px;} #yx .con{ height:290px; border:#cfcfcf 1px solid; border-top:none; padding:15px; position:relative;} #yx .con h3{ color:#e5731b; font-weight:bold; font-size:16px} #yx .con p{ line-height:24px; margin-top:10px;} #yx .con dl{ line-height:24px; margin:0px;} #yx .con dl dd{ line-height:25px; position:relative; left:0px; margin:0px;} #yx .con img{ float:right; margin-left:10px;} /*-foot-*/ #foot{ height:230px; background:url(../images/footbg.jpg) repeat-x;} #foot .b{ width:1190px; margin:auto; height:49px; line-height:48px;} #foot .b ul{ width:1190px; text-align:center; margin:auto;} #foot .b ul li{width:160px; text-align:center; line-height:49px; font-size:15px; float:left; display:block; } #foot .b ul li a{ color:#fff} #foot .b ul li a:hover{ color:#F60; background:#fff; color:#0570b8; display:block;} #foot .b ul li.noimg{ background:none;} #foot .b ul li a.hover{color:#F60; background:url(../images/nav_li_bg.jpg) repeat-x; color:#FFF; display:block;} #foot .c{ width:1190px; margin:auto; position:relative;} #foot .c .logo{ position:absolute; top:20px; left:0px;} #foot .c p{ position:absolute; left:250px; top:25px; width:630px; line-height:30px; font-size:15px; text-align:center;} #foot .c .tel{ position:absolute; top:40px; right:0px;} /*-内页-*/ #nb{width:1150px; margin-top:10px;} #nb #left{ width:280px;} #nb #left h3,h4{font-size:14px; color:#FFF; padding:0 15px; height:35px; line-height:35px; background:url(../images/h2_1.jpg) right no-repeat; text-align:left} #nb #left ul{ padding:10px;} #nb #left ul li{ line-height:35px; border-bottom:#999 1px dotted; background:url(../images/icon_1.jpg) 5px 13px no-repeat; text-indent:25px; padding:0px; text-align:left; font-size:15px} #nb #left ul li ul{ padding:0px;} #nb #left ul li ul li{background:url(../images/icon_1.jpg) 15px center no-repeat; border-top:#999 1px dotted; border-bottom:none; text-indent:35px; font-weight:normal;} #nb #left .content{ padding:8px; text-align:left;} #nb #left h5{ font-weight:bold; margin:10px 0px; color:#e5731b;} #nb #left .content p{ line-height:24px;} #nb #right{ width:850px; margin-left:20px;} #nb #right .t{ background:url(../images/h2_2_bg.jpg) repeat-x; height:36px; position:relative; text-align:left} #nb #right .t span{ width:150px; height:36px; line-height:36px; text-indent:20px; color:#FFF; background:url(../images/h2_2.jpg) -200px 0px no-repeat; display:inline-block; font-size:16px} #nb #right .con{ padding:10px; font-size:15px} #nb #right .con p{ line-height:28px; text-align:left} #nb #right .con table td{ font-size:15px; padding:10px; line-height:26px} #nb #right .con h1{ text-align:center; padding:10px 0; font-size:15px;} #nb #right .con .midpic{ text-align:center; padding:10px 0;} #nb #right .con .midpic img{ border:#CCC 1px solid;} #nb #right .con .news li{ line-height:35px; border-bottom:#CCC 1px dotted; background:url(../images/icon_4.gif) 10px 13px no-repeat; text-indent:30px; text-align:left} #nb #right .con .pic{ width:250px; margin:0 10px 10px;} #nb #right .con .pic dd{ border:#CCC 1px solid; height:230px; width:230px; margin:0; position:relative; padding:10px;} #nb #right .con .pic dd img{ position:absolute; display:none;} #nb #right .con .pic dt{ width:250px; margin-top:10px; text-align:center;} #nb #right .con .honork{background:#f00;} #nb #right .con .honor{ width:180px; margin:0 10px 10px;} #nb #right .con .honor dd{ height:170px; width:170px; margin:0; position:relative; padding:10px;} #nb #right .con .honor dd img{ position:absolute; display:none;} #nb #right .con .honor dt{ width:180px; margin-top:10px; text-align:center;} #nb #right .con .honor dt a{color:#fff;} #nb #right .con .pro{ width:180px; margin:0 10px 10px;} #nb #right .con .pro dd{ border:#CCC 1px solid; height:170px; width:170px; margin:0; position:relative; padding:5px;} #nb #right .con .pro dd img{ position:absolute; display:none;} #nb #right .con .pro dt{ width:180px; margin-top:10px; text-align:center;} #nb #right .page{ text-align:center; padding:10px; font-size:14px;} #nb #right .page a{ margin:0px 10px;} #floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;} #floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;} #floatDivBoxs .floatDqq{padding:0 14px;} #floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;} #floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;} #floatDivBoxs .floatDtel{padding:0 0 15px 10px;} #floatDivBoxs .floatDtel img{display:block;} #floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);} .floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25); border-left:1px solid #ccc} #rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;} #rightArrow a{display:block;height:45px;}