@charset "utf-8";//颜色 @main_color:#232323;@main_color2:#008FFF;@main_color3:#FFF;//颜色 //过渡 .transition(@s:.5s){transition:@s;-ms-transition:@s;-moz-transition:@s;-webkit-transition:@s;-o-transition:@s}//过渡 //旋转 .transform_rotate(@s:7deg){transform:rotate(@s);-ms-transform:rotate(@s);-moz-transform:rotate(@s);-webkit-transform:rotate(@s);-o-transform:rotate(@s)}//旋转 //旋转2 .transform_translateY(@px:10px){transform:translateY(@px);-ms-transform:translateY(@px);-moz-transform:translateY(@px);-o-transform:translateY(@px)}//旋转2 //放大 .transform_scale(@s:1.0){transform:scale(@s);-ms-transform:scale(@s);-moz-transform:scale(@s);-webkit-transform:scale(@s);-o-transform:scale(@s)}//放大 ////////////////////////////// 自定义属性 ////////////////////////////// //reset 重置样式 body,div,p,ul,ol,dl,dt,dd,li,form,input,table,th,td,img,h1,h2,h3,h4,h5,h6{margin:0;padding:0}body{background:#FFF;color:#000;font-size:12px;font-style:normal;font-family:'Microsoft Yahei','微软雅黑','Simsun','宋体','Arial',sans-serif}em,b,i{font-style:normal}li{list-style:none}img{border:0}a{text-decoration:none;color:#000}a:hover{_text-decoration:underline;color:@main_color}table{border-spacing:0;border-collapse:collapse}//reset 重置样式 end .min_width{min-width:1200px}.centered{width:1200px;margin:0 auto}//公共宽度 头和尾巴 .centered_index{width:1200px;margin:0 auto}//首页 .centered_page{width:1200px;margin:0 auto}//内页 @page_right_width:950px;.centered_page_right{width:@page_right_width;overflow:hidden}//内页右边宽度 //清除浮动 .clearboth{clear:both}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}//定位 .fl{float:left}.fr{float:right}.pr{position:relative}.pa{position:absolute}.vh{visibility:hidden}.dn{display:none}.oh{overflow:hidden}//文字 .fs12{font-size:12px}.fs13{font-size:13px}.fs14{font-size:14px}.fs16{font-size:16px}.fs20{font-size:20px}.fwb{font-weight:bold}.fwn{font-weight:normal}.lh150{line-height:150%}.lh180{line-height:180%}.lh200{line-height:200%}.unl{text-decoration:underline}.no_unl{text-decoration:none}//长度高度 .w{width:100%}.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.h{height:100%}.h10{height:10px}.h20{height:20px}.h30{height:30px}.h40{height:40px}.h50{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}//长度高度 end //边距 .m10{margin:10px}.m15{margin:15px}.m30{margin:30px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt50{margin-top:50px}.mt100{margin-top:100px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb50{margin-bottom:50px}.mb100{margin-bottom:100px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml50{margin-left:50px}.ml100{margin-left:100px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr30{margin-right:30px}.mr50{margin-right:50px}.mr100{margin-right:100px}.p10{padding:10px}.p15{padding:15px}.p30{padding:30px}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt30{padding-top:30px}.pt50{padding-top:50px}.pt100{padding-top:100px}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}.pb50{padding-bottom:50px}.pb100{padding-bottom:100px}.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pl30{padding-left:30px}.pl50{padding-left:50px}.pl100{padding-left:100px}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}.pr30{padding-right:30px}.pr50{padding-right:50px}.pr100{padding-right:100px}////////////////////////////// 自定义属性 ////////////////////////////// ////////////////////////////// 浮动客服hover ////////////////////////////// .online{width:220px;position:fixed;top:25%;right:-170px;z-index:999}//在线客服_标题 .all_online{width:170px;position:fixed;top:25%;right:-170px;z-index:999}.all_online .left{position:absolute;top:0;left:-50px;width:50px;height:150px;background-color:@main_color;overflow:hidden;text-align:center;word-break:break-all;.transition(1s)}.all_online .left>i{font-size:40px;color:#fff}.all_online .left .kefu_title{height:100px;width:30px;font-size:18px;line-height:22px;display:inline-block;color:#fff}.all_online .left ul{position:relative}.all_online .left ul li{height:47.5px}.all_online .left ul li a i{display:block;position:absolute;width:50px;height:50px;font-size:30px;color:#fff;line-height:50px;left:0;.transition(1s)}.all_online .left ul li a p{display:block;position:absolute;left:50px;width:50-5*2px;height:50-5*2px;font-size:15px;padding:5px;line-height:18px;color:#fff;.transition(1s)}.all_online .left ul li:hover i{left:-50px}.all_online .left ul li:hover p{left:0}.all_online .right_box{width:170px;background:#fff}.all_online .right_box .floatDtt{width:100%;height:45px;line-height:45px;background:@main_color;color:#fff;font-size:18px;text-indent:22px;position:relative}.all_online .right_box .right_qq{padding:0 14px}.all_online .right_box .right_qq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3;padding:0 0 0 50px;overflow:hidden}.all_online .right_box .right_text{font-size:16px;color:#333;padding:10px 14px 8px 14px}.all_online .right_box .right_tel{padding:0 0 15px 10px}.all_online .right_box .right_tel ul li{font-size:14px;color:@main_color;margin-left:3px}.all_online .right_box .right_tel img{display:block}.all_online .right_box .right_bg{width:100%;height:20px;background:url(/Public/images/online/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25)}.all_online .right_shadow{background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25)}.all_online .online_erweima{text-align:center;padding:10px 0 5px 0;background:#EBEBEB}.all_online .online_erweima .hd ul{text-align:center}.all_online .online_erweima .hd ul li{display:inline-block;width:30px;height:30px;padding:0 5px 5px 5px}.all_online .online_erweima .hd ul li i{cursor:default;color:#999}.Nav_r{display:inline-block;position:fixed;right:0;z-index:9999}.Nav_r ul{width:45px}.Nav_r ul li{width:45px;height:45px;background-color:#111;margin-bottom:1px;.transition(.3s);position:relative;overflow:hidden;cursor:pointer}.Nav_r ul li i{display:block;width:45px;height:45px;color:#fff;font-size:26px;line-height:45px;text-align:center;position:absolute;top:0;right:0}.Nav_r ul li p{opacity:0;.transition(.3s);font-size:14px}.Nav_r ul li a{display:block;line-height:45px;color:#fff;font-size:12px;text-align:left;padding-left:10px}.Nav_r ul li .img{width:150px;height:200px;bottom:-60px;left:-160px;opacity:0;.transition(.5s)}.Nav_r ul li .img img{width:130px;height:130px;position:relative;top:10px;left:10px}.Nav_r ul li .img .title{width:150px;position:absolute;bottom:42px;text-align:center;height:18px;overflow:hidden}.Nav_r ul li:hover{background:@main_color;width:160px;overflow:visible}.Nav_r ul li:hover p{opacity:1}.Nav_r ul li.code:hover{width:45px}.Nav_r ul li.code:hover .img{opacity:1;bottom:-36px}////////////////////////////// 浮动客服hover ////////////////////////////// ////////////////////////////// header页头 ////////////////////////////// //.header .top{height:30px;line-height:30px;background:#ccc}.header .top p{color:#333;font-size:12px}.header .top p span{color:#f00}.header .top ul li{float:left;color:#333}.header .top ul li a{padding:0 20px;color:#666}.header .top ul li a:hover{color:@main_color}.header .bottom{height:100px;overflow:hidden}.header .bottom .logo a img{width:273px;height:59px;margin-top:20px}.header .bottom .nav ul{margin-top:25px}.header .bottom .nav ul li{float:left;padding:10px 20px;margin-left:5px}.header .bottom .nav ul li a{font-size:16px;padding-bottom:10px;color:#333}.header .bottom .nav ul li.on a{border-bottom:3px solid #f33}//header end ////////////////////////////// header页头 ////////////////////////////// ////////////////////////////// footer页脚 ////////////////////////////// //.link .hd{padding-bottom:10px;border-bottom:1px solid #CCC}.link .hd ul li{float:left;padding:10px 20px;cursor:pointer;color:#666}.link .hd ul li.on{background:#f33;color:#fff}.link .bd{padding:15px 0}.link .bd a{color:#666}.link .bd a:hover{color:@main_color}.footer{background:url(/Public/images/footer/footer.jpg)}.footer_nav{padding:0 0 20px 0;border-bottom:1px solid #3E3E3E}.footer_nav dl{float:left}.footer_nav dl.cont-us{width:250px;background:#fff;padding:20px;margin-right:50px}.footer_nav dl.cont-us img{width:100%}.footer_nav dl.cont-us dd{color:#000;margin:10px}.footer_nav dl.cont-us dd a{color:@main_color}.footer_nav dl.cont{margin-right:16px;width:150px;margin:40px 30px 0 0}.footer_nav dl.cont dt{margin-bottom:20px}.footer_nav dl.cont dt a{color:#E0E0E0;font-size:16px}.footer_nav dd a,.link dd{font-size:12px;line-height:28px;color:#BDBDBD}.footer_nav dd a:hover{text-decoration:underline}.footer_nav dl.cont_liuyan{float:right;margin-right:16px;width:300px;margin:40px 0 0 0}.footer_nav dl.cont_liuyan dt{margin-bottom:20px;color:#E0E0E0;font-size:16px}.footer_nav dl.cont_liuyan tr td{position:relative}.footer_nav dl.cont_liuyan tr td .text{width:300px;height:40px;margin-bottom:10px}.footer_nav dl.cont_liuyan tr td i{position:absolute;top:8px;right:8px;color:@main_color}.footer_nav dl.cont_liuyan tr td .textarea{width:298px;height:68px;margin-bottom:15px}.footer_nav dl.cont_liuyan tr td input[type="submit"]{width:302px;height:40px;border:0;background:#f33;color:#fff;border-radius:5px;text-align:center;cursor:pointer}.footer_nav dl.cont_liuyan tr td .j_form_tips{padding:10px;color:#f00}.footer_copyright{background:#000;padding:10px 0;color:#FFF}.footer_copyright p{padding:5px 0}.footer_copyright a{color:#FFF}//footer end ////////////////////////////// footer页脚 ////////////////////////////// //////////////////////////// 首页 //////////////////////////// //banner @banner_width:1920px;@banner_height:600px;.banner{width:100%;height:@banner_height;overflow:hidden;position:relative}//如果要全屏请在.banner的width改100% 如果要设置宽度请在bannerwidth改@banner_width .banner .hd{overflow:hidden}.banner .hd ul{overflow:hidden;zoom:1;float:left;position:absolute;left:50%;bottom:5px;z-index:1}.banner .hd ul li{float:left;margin-right:2px;width:15px;height:15px;line-height:14px;text-align:center;background:#fff;cursor:pointer;border-radius:100px;margin:0 2px}.banner .hd ul li.on{background:@main_color;color:#fff}.banner .bd{position:relative;height:100%;z-index:0;left:50%;margin-left:-@banner_width / 2}.banner .bd li{zoom:1;vertical-align:middle;width:@banner_width}.banner .bd img{width:@banner_width;height:@banner_height;display:block}.banner .prev,.banner .next{position:absolute;left:3%;top:50%;margin-top:-25px;display:block;width:32px;height:40px;background:url(/Public/images/slider-arrow.png) -110px 5px no-repeat;filter:alpha(opacity=50);opacity:.5}.banner .next{left:auto;right:3%;background-position:8px 5px}.banner .prev:hover,.banner .next:hover{filter:alpha(opacity=100);opacity:1}.banner .prevStop{display:none}.banner .nextStop{display:none}//banner end //搜索 .search{height:59px;border-bottom:1px solid #ccc;min-width:1000px}.search .key{line-height:59px;font-size:14px}.search form{width:260px;height:26px;border:1px solid #ccc;border-radius:5px;margin-top:15.5px}.search form .text{width:220px;border:0;height:26px;margin-left:5px}.search form .text:focus{outline:0}.search form .submit{width:17px;height:26px;border:0;cursor:pointer;background:url(/Public/images/go.png);float:right;margin-right:10px}.search .hotkey{line-height:30px;margin-left:10px}//搜索 end //产品中心 .pro{width:100%;height:840px;background:#232323;background:url(/upload/sys/pc/chanpin/bj.jpg) no-repeat center;overflow:hidden}.pro h3{font-size:23px;text-align:center;color:#333;padding-top:50px}.pro h4{font-size:14px;text-align:center;margin-top:15px;margin-bottom:15px;color:#333}.pro .xian{width:100px;height:2px;background:#f00;margin:0 auto}.pro>span{display:block;text-align:center;font-size:18px;margin-top:10px;margin-bottom:40px;color:#666}.chanpin .hd{width:205px;height:518px}.chanpin .hd ul li{width:200px;height:40px;line-height:40px;color:#fff;font-size:14px;text-align:center;cursor:default}.chanpin .hd ul li.on{background:#333;border-right:2px solid #f00}.chanpin .bd{width:1200-205px;height:518px}.chanpin .bd ul{height:598px}.chanpin .bd ul li{width:223px;float:left;margin-left:20px}.chanpin .bd ul li:nth-child(5),.chanpin .bd ul li:nth-child(6),.chanpin .bd ul li:nth-child(7),.chanpin .bd ul li:nth-child(8){margin-top:20px}.chanpin .bd ul li img{width:223-1*2px;height:223-1*2px;border:1px solid #FFF;box-shadow:1px 1px 5px #ccc}.chanpin .bd ul li p{font-size:12px;line-height:28px;color:#666}.chanpin .bd ul li p span{float:right}.chanpin .bd ul .more{display:block;width:116px;height:35px;border:1px solid #333;text-align:center;line-height:35px;color:#333;left:50%;bottom:0;margin-left:-116/2px}.chanpin .bd ul li:hover img{border:1px solid #f33}.chanpin .bd ul li:hover p{color:#f33}//.pro .pnav{width:100%;height:71px;background:#333;border-bottom:3px solid #171616;margin-bottom:60px}//.pro .pnav .hd{width:1200px;margin:0 auto;position:relative}//.pro .pnav .hd .prev{display:block;width:30px;height:30px;background:url(/Public/images/pro/left1.png);position:absolute;left:40px;top:20px;cursor:pointer}//.pro .pnav .hd .next{display:block;width:30px;height:30px;background:url(/Public/images/pro/right1.png);position:absolute;right:40px;top:20px;cursor:pointer}//.pro .pnav .hd .prev:hover{background:url(/Public/images/pro/left2.png)}//.pro .pnav .hd .next:hover{background:url(/Public/images/pro/right2.png)}//.pro .pnav .bd{width:1100px;margin:0 auto;height:71px;padding-left:100px}//.pro .pnav ul{padding-left:160px;margin-top:30px}//.pro .pnav ul li{float:left;font-size:18px;text-align:center;margin-right:50px;line-height:74px;height:74px}//.pro .pnav ul li a{color:#fff}////.pro .pnav ul li:hover a{color:#f33;padding-bottom:22px;border-bottom:3px solid #f33}// //.pro .con{width:1200px;height:350px;margin:0 auto}//.pro .con ul li{width:280px;float:left;margin-right:25px}//.pro .con ul li img{width:280px;height:280px}//.pro .con ul li p span{float:right}//.pro .con ul li p{border-bottom:1px solid #999;font-size:14px;color:#999;line-height:40px}//.pro .con ul li:hover p{color:#369;border-bottom:1px solid #369}//.pro .con ul li:hover img{box-shadow:0 0 10px #369}//.pro .more{display:block;margin:0 auto;width:178px;height:43px;text-align:center;line-height:43px;border:1px solid #999;color:#999;margin-top:50px}//.pro .more:hover{color:#369}//.pro .con ul li:nth-child(4){margin-right:0}//解决方案 .fangan{width:1200px;height:630px;margin:0 auto;padding-top:70px}.fangan h3{font-size:23px;text-align:center}.fangan h4{font-size:14px;text-align:center;margin-top:15px;margin-bottom:15px}.fangan .xian{width:100px;height:2px;background:#f33;margin:0 auto}.fangan span{display:block;text-align:center;font-size:18px;margin-top:10px;margin-bottom:40px}.fangan img{width:790px;height:190px;margin-left:205px}.fangan p{text-align:center;font-size:14px;line-height:25px;color:#333;margin-top:10px}.fangan .more{display:block;width:178px;height:43px;border:1px solid #666;text-align:center;line-height:43px;font-size:14px;margin:0 auto;color:#666;margin-top:40px}//广告 .gg{width:100%;height:251px;background:url(/Public/images/gg.png) no-repeat center}.gg .p1{font-size:24px;text-align:center;color:#333;line-height:50px;padding-top:50px}.gg .p2{font-size:24px;text-align:center;color:#333;padding-top:15px}.gg .p2 span{font-size:30px;color:#f33}//成功案例 .case{width:1200px;height:783px;margin:0 auto;position:relative;padding-top:50px}.case h3{font-size:23px;text-align:center}.case h4{font-size:14px;text-align:center;margin-top:15px;margin-bottom:15px}.case .xian{width:100px;height:2px;background:#f33;margin:0 auto}.case span{display:block;text-align:center;font-size:18px;margin-top:10px;margin-bottom:40px}.case .hd{position:relative}.case .hd a.prev{left:-70px}.case .hd a.next{right:-70px}.case .hd a{position:relative;position:absolute;top:350px;display:block;z-index:2;width:30px;height:50px;cursor:pointer}.case .hd a i{display:inline-block;width:32px;height:7px;border-radius:10px;background:#707070;position:absolute}.case .hd a.prev i.i1{.transform_rotate(-45deg)}.case .hd a.prev i.i2{.transform_rotate(45deg);top:18px}.case .hd a.next i.i1{.transform_rotate(-315deg)}.case .hd a.next i.i2{.transform_rotate(315deg);top:18px}.case .hd a:hover i.i1{background:@main_color}.case .hd a:hover i.i2{background:@main_color}.case .bd{margin-top:50px}.case ul{margin-top:55px}.case ul li{width:383px;height:569px;border:1px solid #999;float:left;margin-right:20px}.case ul li h5{font-size:18px;color:#333;text-align:center;margin-top:24px;margin-bottom:20px}.case ul li p{width:355px;margin:0 auto;color:#666;font-size:14px;line-height:25px}.case ul li .more{width:136px;height:46px;display:block;margin:0 auto;border:1px solid #999;text-align:center;line-height:46px;margin-top:10px;color:#666}.case ul li:hover{border:1px solid #232323;background:#f7f6f6;box-shadow:5px 5px 10px #ccc}.case ul li:hover .more{background:#666;border:1px solid #666;color:#fff}//关于我们 .about{width:100%;height:526px;background:url(/upload/sys/pc/guanyuwomen/bj.jpg) no-repeat center}.about .wd1200{width:1200px;height:526px;margin:0 auto}.about .wd1200 .con{width:580px;height:526px;float:right}.about .wd1200 .con .jianjie{width:580px;height:270px;padding-top:30px}.about .wd1200 .con .jianjie h3{font-size:16px;color:#333;font-weight:normal}.about .wd1200 .con .jianjie h3 span{font-size:24px;padding:8px 0;margin-right:10px;border-bottom:2px solid #f33}.about .wd1200 .con .jianjie p{margin-top:30px;font-size:14px;color:#333;line-height:25px;text-indent:2em}.about .wd1200 .con .jianjie a{display:block;float:right;font-size:14px;color:#f33}.about .wd1200 .con .zhengshu h3{font-size:16px;color:#333;font-weight:normal;height:55px}.about .wd1200 .con .zhengshu h3 span{font-size:24px;padding:8px 0;margin-right:10px;border-bottom:2px solid #f33}.about .wd1200 .con .zhengshu ul{margin-top:25px;width:580px;height:150px}.about .wd1200 .con .zhengshu ul li{float:left;width:100px;height:138px;margin-right:20px}.about .wd1200 .con .zhengshu ul li img{width:100px;height:138px}//新闻资讯 .news{width:1200px;height:580px;margin:0 auto;padding-top:80px}.news h3{font-size:23px;text-align:center}.news h4{font-size:14px;text-align:center;margin-top:15px;margin-bottom:15px}.news .xian{width:100px;height:2px;background:#f33;margin:0 auto}.news>span{display:block;text-align:center;font-size:18px;margin-top:10px;margin-bottom:40px}.news ul{width:1200px;height:450px;margin-top:70px}.news ul .one{width:675px;height:450px;float:left;position:relative}.news ul .one img{width:675px;height:256px}.news ul .one h5{color:#333;font-size:14px;line-height:30px}.news ul .one p{color:#666;font-size:14px;line-height:30px}.news ul .one span{float:right;display:block;font-size:14px;color:#369;margin-top:10px}.news ul .one span a{color:#f33}.news ul .one .data{width:63px;height:63px;background:#232323;position:absolute;top:0;left:0}.news ul .one .data p{color:#fff;font-size:35px;text-align:center;margin-top:10px}.news ul .one>.data>span{display:block;float:none;margin-top:5px;text-align:center;font-size:12px;color:#fff}.news ul .right{width:495px;height:450px;float:right}.news ul .right li{width:495px;height:78px;border-bottom:1px solid #999}.news ul .right li .data{width:65px;height:78px;padding-left:5px;float:left}.news ul .right li .data p{font-size:40px;color:#999;padding-left:5px}.news ul .right li .data span{font-size:14px;color:#999}.news ul .right li .txt{float:right;width:420px}.news ul .right li .txt h5{font-size:14px;margin-top:7px;color:#333}.news ul .right li .txt p{line-height:20px;margin-top:5px}//////////////////////////// 首页 //////////////////////////// //////////////////////////// 内页 //////////////////////////// .fixed{position:fixed;top:0;z-index:10}//内页banner //内页banner end //内页_左导航 .about_content_shu_left{width:225px}.about_content_shu_left_title{width:225-1*2px;height:80px;line-height:52px;border:1px solid #ccc;position:relative}//图片 .about_content_shu_left_title>i.i1{width:197px;height:43px;display:inline-block;background:@main_color;position:absolute;top:10px;top:17px;left:-16px}.about_content_shu_left_title>i.i2{width:30px;height:60px;display:inline-block;background:#fff;position:absolute;transform:rotate(28deg);top:17px;right:26px}.about_content_shu_left_title>i.i3{width:15px;height:9px;background-color:darken(@main_color,20%);position:absolute;top:60px;left:-16px}.about_content_shu_left_title>i.i4{width:17px;height:10px;background:#fff;transform:rotate(34deg);position:absolute;top:63px;left:-20px}//图片 end .about_content_shu_left div.title{_background:url(/Public/images/page_nav/nav.png);width:197px;height:51px;position:absolute;top:17px;left:-16px}.about_content_shu_left div.title a{color:#FFF;font-size:16px;line-height:40px;padding-left:30px}.about_content_shu_left div.title a:hover{color:#FFF}.about_content_shu_left div.title a span{font-size:14px}.about_content_shu_left_ul{background:#fff}.about_content_shu_left_ul li.nLi{line-height:43px;_height:43px;border-bottom:1px solid #ccc;border-left:1px solid #CCC;border-right:1px solid #CCC;position:relative}.about_content_shu_left_ul li.nLi .f a{margin-left:20px;font-size:14px}.about_content_shu_left_ul li.nLi .f a i{opacity:0;filter:Alpha(opacity=0);width:4px;height:43px;background:@main_color;position:absolute;top:0;left:0;display:inline-block;.transition(.5s)}.about_content_shu_left_ul li.nLi .f a:hover i{opacity:1;filter:Alpha(opacity=100)}.about_content_shu_left_ul li.nLi .f a.current i{opacity:1;filter:Alpha(opacity=100)}.about_content_shu_left_ul li.nLi em{margin-right:10px;margin-top:6px;display:block;width:40px;height:32px;background:url(/Public/images/icoAdd.png) 16px 12px no-repeat;cursor:pointer}.about_content_shu_left_ul .sub{display:none}.about_content_shu_left_ul .sub li{border:0;position:relative}.about_content_shu_left_ul .sub li a{margin-left:40px}.about_content_shu_left_ul .sub li a i{opacity:0;filter:Alpha(opacity=0);width:4px;height:43px;background:@main_color;position:absolute;top:0;left:0;display:inline-block;.transition(.5s)}.about_content_shu_left_ul .sub li a:hover i{opacity:1;filter:Alpha(opacity=100)}.about_content_shu_left_ul .sub li a.current i{opacity:1;filter:Alpha(opacity=100)}//服务热线 .about_content_shu_left_contact{overflow:hidden;background:#fff;padding:10px 20px;border:1px solid #ccc;border-top:2px solid @main_color;margin:20px 0 0 0}.about_content_shu_left_contact .leftNav_tel{line-height:50px;font-size:18px;color:#7e7d7c}.about_content_shu_left_contact_bd{font-size:22px;color:@main_color;font-weight:normal;font-family:"微软雅黑"}//服务热线 end //内页_头部 面包屑导航 .page_breadcrumb{width:100%;height:40px;line-height:40px;border-bottom:1px solid #e1e1e1;overflow:hidden}.page_breadcrumb h1{font-size:20px;font-weight:normal;color:@main_color}.page_breadcrumb ul{display:inline}.page_breadcrumb ul li{display:inline}.page_breadcrumb ul li i{color:#333;font-size:18px;margin-right:5px}//内页_头部 面包屑导航 end //详情描述的头部 .detail{margin:20px 0 0 0}.detail .sector_head{width:100%;height:41px;background:#f6f6f6;border-bottom:1px solid #e5e5e5}.detail .sector_head ul li{position:relative;float:left;border:1px solid #e5e5e5;font-size:16px;height:40px;line-height:40px;font-weight:normal;padding:0 20px;cursor:pointer}.detail .sector_head ul li.on{border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #fff;background:#fff;color:@main_color}.detail .sector_head ul li.on i{display:inline-block;width:100%;height:2px;background:@main_color;position:absolute;top:-1px;left:0}//详情描述的头部 end //公用的详情 .sector_content{width:@page_right_width - 40px - 2px;border:1px solid #e1e1e1;border-top:0;float:left;width:@page_right_width - 40px - 2px;padding:20px;overflow:hidden;word-break:break-all}//新闻的详情 .sector_content2{width:@page_right_width - 40px - 2px;border-top:0;float:left;width:@page_right_width - 40px - 2px;padding:20px;overflow:hidden;word-break:break-all}//详情描述的头部 end //分页 .pages{display:block;padding:20px 0 10px 0;width:100%;text-align:center}.pages a{display:inline-block;margin:0 3px;padding:0 8px;height:24px;line-height:24px;background:#f5f5f5;border:1px solid #e1e1e1;color:#545452}.pages a:hover{text-decoration:none;color:@main_color}.pages span{display:inline-block;margin:0 3px;padding:0 8px;height:24px;line-height:24px;color:#545452;background:#f5f5f5;border:1px solid #e1e1e1}.pages .current:hover{color:#FFF}.pages .current{background:@main_color}.pages .current{color:#FFF}//分页 end //内页广告 .sector_hotline{float:left;width:@page_right_width - 40px;padding:20px 20px 20px 20px;line-height:36px;overflow:hidden;font-family:'Microsoft YaHei';position:relative;background:@main_color}.sector_hotline p{font-size:20px;color:#fff}.sector_hotline a{position:absolute;bottom:20px;right:20px;padding:0 15px;height:36px;background:#fff;font-size:16px;color:@main_color}.sector_hotline a i{height:36px;line-height:36px;font-size:18px;color:@main_color}//内页广告 end //////// 产品页 //////// //产品列表 @product_list_width:220.5px;ul.product_list{float:left;width:110%;overflow:hidden}ul.product_list li{float:left;width:@product_list_width;margin:20px 20px 0 0;overflow:hidden;border:1px solid #ededed;.transition(.5s)}ul.product_list li img{width:100%}ul.product_list li span.tit{display:block;width:@product_list_width - 10*2px;padding:0 10px;height:50px;line-height:50px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;.transition(.5s)}ul.product_list li:hover{border:1px solid @main_color}ul.product_list li a:hover{color:@main_color}//产品列表 //产品详情 .product_show{float:left;width:100%;margin-top:20px;overflow:hidden}.product_show .cros_gallery{float:left;width:350px}//产品详情 //放大镜 @fangdajingBottom_width:350px;@fangdajingBottom_height:350px;.jqzoom{float:left;border:0;position:relative;padding:0;cursor:move;margin:0;display:block}.zoomdiv{z-index:100;position:absolute;top:0;left:0;width:100px;height:100px;background:#fff;border:1px solid #CCC;display:none;text-align:center;overflow:hidden}.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;filter:alpha(Opacity=50)}.jqzoom img{width:@fangdajingBottom_width;height:@fangdajingBottom_height}.spec-preview{width:@fangdajingBottom_width;height:@fangdajingBottom_height;border:1px solid #DFDFDF}.spec-scroll{clear:both;margin-top:10px;width:353px}.spec-scroll .prev{float:left;margin-right:4px}.spec-scroll .next{float:right}.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px;line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none}.spec-scroll .items{float:left;position:relative;width:320px;height:56px;overflow:hidden}.spec-scroll .items ul{position:absolute;width:999999px;height:56px}.spec-scroll .items ul li{float:left;width:64.5px;text-align:center}.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px}.spec-scroll .items ul li img:hover{border:2px solid @main_color;padding:1px}//放大镜 //右边信息 .product_show .info{float:right;width:570px;overflow:hidden}.product_show .info h1{margin:5px 0;width:100%;height:30px;line-height:30px;font-size:18px;color:#666}.product_show .info .keyword a{font-size:12px;color:@main_color}.product_show .info .product_info{width:100%;font-size:14px;padding:10px 0}.product_show .info .product_info p{color:#999;padding:2.5px 0}.product_show .info .product_info p a{color:#999}.product_show .info .product_info p a:hover{color:@main_color}.product_show .info .product_info p span{color:#000}.product_show .info .product_info p.intro{height:120px;overflow:hidden}.product_show .info .tel{width:100%;padding:10px 0;line-height:32px;font-size:16px;font-weight:normal}.product_show .info .tel p{font-size:20px;color:@main_color}.product_show .info .abtn{width:100%;padding:15px 0;overflow:hidden;border-top:1px dotted #e1e1e1;border-bottom:1px dotted #e1e1e1}.product_show .info .abtn a{float:left;margin-right:10px;padding:8px 15px;font-size:14px;font-weight:normal;border:1px solid #e8e8e8}.product_show .info .abtn a:hover{border:1px solid @main_color}//右边信息end //产品详情在线留言 .page_feedback{border-bottom:1px solid #e1e1e1}.page_feedback .title{font-size:16px;height:40px;line-height:40px;font-weight:normal;color:@main_color}//产品详情在线留言 end //////// 产品页 //////// //////// 案例页 //////// //案例列表 @case_list_width:220.5px;ul.case_list{float:left;width:110%;overflow:hidden}ul.case_list li{float:left;width:@case_list_width;margin:20px 20px 0 0;overflow:hidden;border:1px solid #ededed;.transition(.5s)}ul.case_list li img{width:100%}ul.case_list li span.tit{display:block;width:@case_list_width - 10*2px;padding:0 10px;height:50px;line-height:50px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;.transition(.5s)}ul.case_list li:hover{border:1px solid @main_color}ul.case_list li a:hover{color:@main_color}//案例列表 //案例详情页 @case_bigImg_height:470px;.case_show{margin-top:20px}.case_show h1{width:100%;text-align:center;font:20px/2 'microsoft yahei';color:#000;overflow:hidden}.case_show .info{width:100%;margin:10px 0;text-align:center;overflow:hidden}.case_show .info span{display:inline-block;height:22px;overflow:hidden;margin-right:10px}.case_show .info span a{margin-top:0}.game163{position:relative;padding:4px;overflow:hidden}.game163 .bigImg li{text-align:center}.game163 .bigImg li img{vertical-align:middle;border-radius:10px;box-shadow:1px 1px 5px #ccc}.game163 .bigImg h4{font-size:14px;font-weight:normal;line-height:40px;height:40px;overflow:hidden}.game163 .pageState{float:right;font-family:"Times New Roman",serif;letter-spacing:1px}.game163 .pageState span{color:#f00;font-size:16px}@case_smallImg_width:82px;@case_smallImg_height:52px;.game163 .smallScroll{height:@case_smallImg_height;margin-bottom:6px;position:relative}.game163 .smallScroll .sPrev,.game163 .smallScroll .sNext{position:absolute;top:50%}.game163 .smallScroll .sPrev{left:0;margin-top:-47/2px}.game163 .smallScroll .sNext{right:0;margin-top:-47/2px}.game163 .sPrev,.game163 .sNext{float:left;display:block;width:14px;height:47px;text-indent:-9999px;background:url(/Public/images/sprites1008.png) no-repeat 0 -3046px}.game163 .sNext{background-position:0 -2698px}.game163 .sPrev:hover{background-position:0 -3133px}.game163 .sNext:hover{background-position:0 -2785px}.game163 .smallImg{float:left;margin:0 38px;display:inline;width:900px;overflow:hidden}.game163 .smallImg ul{height:@case_smallImg_height+3px;width:9999px;overflow:hidden}.game163 .smallImg li{float:left;margin:0 5px 0 0;width:@case_smallImg_width;cursor:pointer;display:inline}.game163 .smallImg img{border:1px solid #dcdddd;width:@case_smallImg_width;height:@case_smallImg_height}.game163 .smallImg .on img{border-color:#1e50a2}//案例详情页 //////// 案例页 //////// //////// 图片页 //////// //图片列表 @pic_list_width:220.5px;@pic_list_height:233px;ul.pic_list{float:left;width:110%;overflow:hidden}ul.pic_list li{float:left;width:@pic_list_width;margin:20px 20px 0 0;overflow:hidden}ul.pic_list li .pic{width:@pic_list_width;position:relative}ul.pic_list li .pic img{width:100%}ul.pic_list li .pic .shade{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:#000;cursor:pointer;.transition(1s);opacity:0;filter:alpha(opacity=0)}ul.pic_list li .pic .shade_a{position:absolute;z-index:2;top:50%;left:50%;display:inline-block;width:33px;height:33px;background:url(/Public/images/zzc.png) no-repeat left center;margin:-33/2px 0 0 -33/2px;.transition(1s);opacity:0;filter:alpha(opacity=0)}ul.pic_list li .tit{display:block;width:100%;height:30px;line-height:30px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}ul.pic_list li:hover .shade{opacity:.7;filter:Alpha(opacity=70)}ul.pic_list li:hover .shade_a{opacity:1;filter:Alpha(opacity=100)}ul.pic_list li:hover .tit{color:@main_color}//图片列表 //////// 图片页 //////// //////// 视频页 //////// //视频列表页 @video_list_width:222.5px;ul.video_list{float:left;width:110%;overflow:hidden}ul.video_list li{float:left;width:@video_list_width;margin:20px 20px 0 0;overflow:hidden;cursor:pointer}ul.video_list li .pic{position:relative;width:@video_list_width}ul.video_list li .pic img{width:100%}ul.video_list li .pic .tier{width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;text-align:center;overflow:hidden;.transition(1s);opacity:0;filter:Alpha(opacity=0)}ul.video_list li .pic .tier i{background:url(/Public/images/open.png);width:50px;height:50px;display:inline-block;position:absolute;top:50%;left:50%;margin:-50/2px 0 0 -50/2px}ul.video_list li .tit{width:100%;height:30px;line-height:30px;font-size:13px;color:#555;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}ul.video_list li:hover .tier{opacity:1;filter:Alpha(opacity=100)}ul.video_list li:hover .tit{color:@main_color}//视频列表页 //视频详情页 .video_show{margin:20px 0 0 0}.video_show h1{font-size:18px;font-weight:normal;margin:0 0 10px 0;float:left}.video_show .bdsharebuttonbox{float:left;margin:0 0 0 10px}.video_show p{margin:10px 0 0 0}//视频详情页 //////// 视频页 //////// //////// 单页详情页 //////// .danye{padding:20px 0;border-bottom:1px dotted #ccc}.danye h1{width:100%;text-align:center;font:20px/2 'microsoft yahei';color:#000;overflow:hidden}.danye .info{width:100%;margin:10px 0;text-align:center;overflow:hidden}.danye .info span{display:inline-block;height:22px;overflow:hidden;margin-right:10px}.danye .info span a{margin-top:0}//////// 单页详情页 //////// //////// 新闻页 //////// //新闻列表页 .article_list{width:100%;padding:20px 0;border-bottom:1px dotted #e1e1e1;overflow:hidden}.article_list .lt{float:left;width:50px;height:60px;padding:10px 0;border:1px solid #e1e1e1;overflow:hidden}.article_list .lt span{float:left;width:100%;color:#bcbabb;height:20px;line-height:20px;text-align:center;font:16px/1.3 'Arial';font-weight:bold;overflow:hidden}.article_list .lt span.y{font-size:14px;font-weight:normal}.article_list .rt{float:left;width:88%;margin-left:15px;overflow:hidden}.article_list .rt h3{float:left;width:100%;height:25px;line-height:25px;overflow:hidden}.article_list .rt h3 strong a{font-size:16px;font-weight:bold}.article_list .rt .p{float:left;width:100%;color:#888;line-height:20px;height:40px;overflow:hidden}.article_list .rt a.more{float:left;width:80px;height:17px;line-height:17px;padding:0 5px;font-size:12px;background:#d5d5d5;color:#fff;overflow:hidden;width:80px}.article_list .rt a.more i{float:right;font-size:12px;color:#fff}//新闻列表页 end //新闻详情页 .article_show{float:left;width:100%;padding:20px 0;border-bottom:1px dotted #e1e1e1;overflow:hidden}.article_show h1{width:100%;text-align:center;font:20px/2 'microsoft yahei';color:#000;overflow:hidden}.article_show .info{width:100%;margin:10px 0;text-align:center;overflow:hidden}.article_show .info span{display:inline-block;height:22px;overflow:hidden;margin-right:10px}.article_show .info span a{margin-top:0}//新闻详情页 end //随机新闻 .page_news{margin-top:20px;overflow:hidden;width:183px;height:270px;padding:10px 20px;border:1px solid #ccc;border-top:2px solid @main_color;background:#fff}.page_news .news_title{line-height:50px;font-size:16px;color:@main_color}.page_news ul li{line-height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page_news ul li em{font-size:12px;font-weight:normal;margin-right:5px}.page_news ul li a{font-size:12px;font-weight:normal}//随机新闻 end //新闻_标签 .page_tag{margin-top:20px;overflow:hidden;width:193px;padding:10px 20px 10px 10px;border:1px solid #ccc;border-top:2px solid @main_color;background:#fff}.page_tag .tag_title{line-height:50px;font-size:16px;color:@main_color}.page_tag ul{width:100%}.page_tag ul a{display:block;float:left;padding:5px 20px;background:@main_color;color:#fff;margin:0 5px 5px 0}//新闻_标签 end //////// 新闻页 //////// //上下页面 .prev_next{float:left;width:100%;margin:20px 0;padding:20px 0;border-top:1px dotted #e1e1e1;border-bottom:1px dotted #e1e1e1}.prev_next span{float:left;color:#000;width:40%;height:20px;line-height:20px;overflow:hidden}.prev_next span a{color:#000}.prev_next span a:hover{color:@main_color}//上下页面 end //////// 关于我们 //////// //标题 .about_head{float:left;width:100%;height:40px;line-height:40px;border-bottom:1px solid #e1e1e1;overflow:hidden}.about_head h3{color:@main_color;font-size:20px;font-weight:normal}//标题end //内容 .about_content{float:left;width:@page_right_width - 40px;padding:20px;overflow:hidden}//内容 end //图片1 @about_pic1_li_width:220.5px;ul.about_pic{width:110%;padding:20px 0}ul.about_pic{width:110%;padding:20px 0;background:#fff}ul.about_pic li{float:left;width:@about_cert_li_width;margin:20px 20px 0 0;position:relative;overflow:hidden}ul.about_pic li .pic{width:@about_cert_li_width;position:relative}ul.about_pic li .pic img{width:100%}ul.about_pic li .pic .shade{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:#000;cursor:pointer;.transition(1s);opacity:0;filter:alpha(opacity=0)}ul.about_pic li .pic .shade_a{position:absolute;z-index:2;top:50%;left:50%;display:inline-block;width:33px;height:33px;background:url(/Public/images/zzc.png) no-repeat left center;margin:-33/2px 0 0 -33/2px;.transition(1s);opacity:0;filter:alpha(opacity=0)}ul.about_pic li .tit{display:block;width:100%;height:30px;line-height:30px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}ul.about_pic li:hover .shade{opacity:.7;filter:Alpha(opacity=70)}ul.about_pic li:hover .shade_a{opacity:1;filter:Alpha(opacity=100)}ul.about_pic li:hover .tit{color:@main_color}//图片1 //图片3 @about_pic3_li_width:222px;.about_pic3 ul{width:110%;padding:20px 0}.about_pic3 ul li{float:left;width:@about_pic3_li_width;margin:20px 20px 0 0;position:relative;z-index:0}.about_pic3 ul li img{width:100%;border:1px solid #eee;cursor:pointer}.about_pic3 ul li .tit{width:100%;margin-top:5px;height:30px;line-height:30px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.about_pic3 ul li:hover .tit{color:@main_color}//图片3 end //合作客户 @about_client_li_width:220.5px;.about_client ul{width:110%;padding:20px 0;background:#fff}.about_client ul li{float:left;width:@about_client_li_width;margin:20px 20px 0 0;border:1px solid #e5e5e5}.about_client ul li img{width:100%}//合作客户 end //证书 @about_cert_li_width:220.5px;ul.about_cert{width:110%;padding:20px 0;background:#fff}ul.about_cert li{float:left;width:@about_cert_li_width;margin:20px 20px 0 0;position:relative}ul.about_cert li .pic{width:@about_cert_li_width;position:relative}ul.about_cert li .pic img{width:100%}ul.about_cert li .pic .shade{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:#000;cursor:pointer;.transition(1s);opacity:0;filter:alpha(opacity=0)}ul.about_cert li .pic .shade_a{position:absolute;z-index:2;top:50%;left:50%;display:inline-block;width:33px;height:33px;background:url(/Public/images/zzc.png) no-repeat left center;margin:-33/2px 0 0 -33/2px;.transition(1s);opacity:0;filter:alpha(opacity=0)}ul.about_cert li .tit{display:block;width:100%;height:30px;line-height:30px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}ul.about_cert li:hover .shade{opacity:.7;filter:Alpha(opacity=70)}ul.about_cert li:hover .shade_a{opacity:1;filter:Alpha(opacity=100)}ul.about_cert li:hover .tit{color:@main_color}//证书 end //////// 关于我们 //////// //搜索页面 .search_no_data{float:left;width:100%;margin:120px 0;text-align:center}.search_no_data h1{font-size:18px;color:@main_color}.search_no_data span{display:block;width:100%;color:#888}.search_no_data span.cn{font-size:18px;height:25px;line-height:25px}//搜索页面 end //留言页面 .feedback{float:left;width:100%;padding:20px 0;overflow:hidden}.feedback h6{font-size:14px;font-weight:normal;padding:0 0 10px 0;color:#F00}.feedback table td{padding:7px 0;color:#6b6b6b;text-align:left}.feedback table td var{color:#f00;padding-right:5px}.feedback table td .input{width:200px;height:25px;line-height:25px;border-left:2px solid #eee;border-top:2px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee}.feedback table td .textarea{width:@page_right_width - 6px;height:200px;border:1px solid #eee}.feedback_btn{float:left;padding:8px 15px;margin-left:10px;border:0;background:@main_color;color:#fff}//留言页面 end //////// 联系我们 //////// .contact{padding:20px 10px}.contact h3{font-size:20px}.contact p{font-size:16px;margin:10px 0 0 0}//////// 联系我们 end //////// //网站地图 .sitemap h3{font-size:20px}ul.maps{float:left;width:98%;padding:0 1%}ul.maps li{float:left;margin:10px;line-height:25px;overflow:hidden}ul.maps li .first{float:left;width:100%;height:25px;font-weight:bold}ul.maps li .list{float:left;width:96%;border:1px solid #e4e4e4;padding:10px}ul.maps li .list a,ul.map li .list span{display:inline-block;margin-right:10px}ul.maps li .list span{padding:0 5px}ul.maps li a{color:#1f1a17}ul.maps li.t0{font-weight:bold;width:100%;padding:0;font-size:14px}//网站地图 end //////////////////////////// 内页 //////////////////////////// @font-face{font-family:'iconfont';src:url('/t/font_191356_vgubxgqxpq9cc8fr.eot');src:url('/t/font_191356_vgubxgqxpq9cc8fr.eot') format('embedded-opentype'),url('/t/font_191356_vgubxgqxpq9cc8fr.woff') format('woff'),url('/t/font_191356_vgubxgqxpq9cc8fr.ttf') format('truetype'),url('/t/font_191356_vgubxgqxpq9cc8fr.svg#iconfont') format('svg')}.iconfont{font-family:"iconfont"!important;font-size:24px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;color:#7e7d7c}