@charset "utf-8"; a { color:#666666; text-decoration:none; } /*for ie f6n.net*/ a:focus{outline:0;} /*for ff f6n.net*/ a:hover { text-decoration:NONE;} a:hover img { filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;} .vam { vertical-align:middle;} .clear{ clear:both; height:0; line-height:0; font-size:0;} .clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;} .clearfix{*zoom:1} .tr { text-align:right;} .tl { text-align:left;} .center { text-align:center;} .fw{ font-family:"Verdana";} .font14 { font-size:14px; font-weight:bold;} div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} input:focus { outline:none; } select:focus { outline:none; } table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} li{list-style:none;} caption,th{text-align:left;} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} input,button,textarea,select{*font-size:100%;} input,select{vertical-align:middle;} select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;} table{font-size:inherit;font:100%; border-collapse:collapse;} .fl { float:left;} .fr { float:right;} /* -- 购物车外部框架 -- */ .cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;} body { color:#666; font-size:14px; font-family: "Designio_Medium","Designio_Regular",微软雅黑,"Microsoft YaHei", Helvetica, Arial, Lucida Grande,Tahoma,sans-serif;; min-width:1300px; margin:0px auto; } /*网站字体颜色*/ /*头部开始*/ .hdWrap{height:210px; width:100%; min-width:1300px; z-index:99999; position:absolute; top:0px; background:url(/template/folie00128/images/hbg.png) center top no-repeat; font-family:"Designio_Medium";} .hd_header{height:30px;line-height: 53px;font-size:14px;color:#aaa;width:1200px;margin:0 auto;text-align:right;} .hd_header a{color:#aaa;} .hd_Mid{height:80px; width:1200px; margin:0 auto; } .hd_Mid .logozi{float:left;width:430px;height:150px;overflow:hidden;margin-top: -54px;margin-left: -213px;} .h_nav{width:760px;float:left;height:48px;margin-top: 23px;text-align:center;line-height:48px;font-size:20px;font-family:"Designio_Medium";margin-left:55px;} .h_nav ul{ width:760px; text-align:right;} .h_nav li{ float:left; margin:0px; height:48px; line-height:48px; display:inline;} .h_nav li a.last {margin:0; padding-right:0px;} .h_nav li a{ display:block;color:#595857; font-family:"幼圆"; text-align:left; font-size:20px; padding-right:20px; padding-left:20px;font-weight:bold;} .h_nav li a:hover,.h_nav li .cur {color:#80374B; text-decoration:none; } .wwwidth1200{width:1200px;margin:0 auto;margin-top: -26px;height: 50px;text-align:left;} .maintext{line-height: 50px;margin-left: 292px;text-align:left;font-family:"幼圆";font-size: 25px;color: #999;letter-spacing:1px;} .maintext span{ float:right; font-family: "幼圆"; font-size: 25px; color: #999;} .maintext span em{ font-style:normal;} /*头部结束*/ /*服务*/ .col-title,.index-fuwu{float:left;width:100%;} .col-title,.path{float:left;position:relative;width:100%;z-index:2;} .col-title .ico,.path .ico{position:absolute;width:100%;height:94px;top:-27px;text-align:center;overflow:hidden;} .col-title h3,.path h3{margin-top:75px;line-height:24px;text-align:center;font-weight:normal;background:url(/template/folie00128/images/line01.gif) no-repeat center;color:#0e76bc;font-size:24px;} .index-fuwu{min-height:369px;height:auto!important;height:369px;padding-bottom:60px;background:url(/template/folie00128/images/fuwu-bg.jpg) no-repeat center top;background-size:cover;color:#fff;} .index-fuwu .col-title h3,.index-koubei .col-title h3{background-image:url(/template/folie00128/images/line02.png);color:#fff;} .index-fuwu ul{float:left;width:100%;margin-top:87px;} .index-fuwu ul li{float:left;width:20%;text-align:center;line-height:30px;font-size:19px;font-family: "幼圆";} .index-fuwu ul li img{max-width:100%;} .index-fuwu .text{float:left;width:100%;text-align:center;margin-top:45px;padding-top:35px;line-height:2em;font-size:20px;background:url(/template/folie00128/images/line03.png) no-repeat center top;text-align:center;} .layout{width:1130px;margin:0px auto;clear:both;} /*服务 End*/ .hd_Top { float:right; width:120px; margin-top:10px; } .hd_Top .search{ color:#666; margin:0; height:33px; width:80px; float:left; margin-left:10px; margin-top:20px; } .hd_Top .search .sch_inputs{ float:right; padding:0px; height:33px; width:82px; line-height:33px; background:url(/template/folie00128/images/serchbg.png) center center no-repeat; } .hd_Top .search .shInput{width:55px; line-height:33px;height:33px; border:none; margin-top:0px; background:none; color:#949494; display:inline-block; font-size:13px;font-family:"Verdana"; float:right;} .hd_Top .search .shBtn{ display:inline-block; width:20px; background:none;height:33px;border:none;cursor:pointer;float:left;} .banner{ width:100%; height:650px; } .ipart2{ background:#fff;padding-top:50px;} .ipart2 .mainpart{ margin:60px auto; margin-bottom:0px; width:100%; min-width:1300px; border:2px solid #efebe8; border-left:none; border-right:none; } .ipart2 .mainpart ul li{ float:left;width:33.0%; height:450px; position:relative; padding:0px; margin-bottom:0px; overflow:hidden; border:2px solid #efebe8;} .ipart2 .mainpart ul li a{ width:100%; height:100%; display:inline-block;} .ipart2 .mainpart img{ width:100%;height:100%;} .ipart2 .mainpart .name{ position:absolute; top:0px; left:0px; width:100%; height:100%; padding-top:27%;text-align:center; display:block; background:rgba(255,255,255,0.7); color:#7E193F; font-size:23px; font-family:"Microsoft Yahei"; line-height:35px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7Fffffff,endcolorstr=#9Fffffff);} .ipart2 .mainpart .name span{ display:inline-block; width:100%; margin-top:5%; color:#818181; font-size:24px; font-family:"Designio_Medium"; background:url(/template/folie00128/images/nameline.png) center bottom no-repeat; line-height:40px; height:40px;} .ipart2 .mainpart ul li:hover .name{ display:none;} .ipart2 .mainpart ul li a:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;} .ipart2 .mainpart .hover .name{ display:none;} .ipart3{ width:100%; background:url(/template/folie00128/images/newsbg.png) center top no-repeat; padding-top:80px; height:836px;} .topnewsbox{width:1230px;position:relative;height:650px;margin:60px auto;} .topnews{left:0px;width:1230px;position:absolute;top:0px;height:600px} .topnewspic{float:right;overflow:hidden; width:570px;height:570px; } .topnewspic img{width:550px;height:550px; border: 10px solid #C3A000; -moz-border-radius: 275px; -webkit-border-radius: 275px; border-radius:275px;} .topnewslist{margin-top:7px;float:left;overflow:hidden;width:580px;height:600px;text-align:left} .topnewslist ul{margin:0px auto;overflow:hidden;width:580px;height:550px} .topnewslist ul li{font-size:14px;overflow:hidden;width:380px;line-height:30px;height:100px; margin-bottom:10px;} .topnewslist ul li span{ display:inline-block; width:100%; font-size:13px; color:#444; text-align:left;} .topnewslist ul li a{padding-right:0px;padding-left:28px;padding-bottom:5px;padding-top:5px;display:inline-block; color:#444; font-size:19px; font-family:"Microsoft Yahei";} .topnewslist ul li a:hover{background:url(/template/folie00128/images/newcoin.png) left 43px no-repeat;color:#444} .topnewslist .more{font-size:24px;color:#444;padding-left:28px; } .topnewslist .more a{color:#444;} .ipart4{ height:370px; padding-top:80px;} .ipart4img{margin:0 auto;text-align:center;width:520px;} .itle{ text-align:center; } .itle h2{ width:100%; font-weight:bold;font-family:幼圆,"幼圆";font-size:30px; line-height:60px; } .itle H2.whit{ color:#444;font-family:幼圆,"幼圆";font-weight:bold;} .itle span{width:100%; display:inline-block;} .ipart4 ul{ width:900px; margin:50px auto;} .ipart4 ul li{ width:200px;height:160px; display:inline-block;*display:inline;*zoom:1; margin-left:10px; margin-right:10px; text-align:center; color:#5e4599;} .ipart4 ul li a{ display:block;width:200px; padding-top:90px; height:70px;} .ipart4 ul li p{ font-size:24px; line-height:50px;color:#5e4599; } .ipart4 ul li span{ font-size:16px; font-family:"Microsoft YaHei";color:#5e4599;} .ipart4 ul li.pahov1{ background:url(/template/folie00128/images/dayi.png) center 0px no-repeat;} .ipart4 ul li.pahov2{ background:url(/template/folie00128/images/share.png) center 0px no-repeat;} .ipart4 ul li.pahov3{ background:url(/template/folie00128/images/message.png) center 0px no-repeat;} .ipart4 ul li.pahov4{ background:url(/template/folie00128/images/hrzuo.png) center 0px no-repeat;} .ipart5{ width:100%; height:417px; background:#323232; color:#ccc; overflow:hidden; min-width:1300px; } .ipart5 .ilxwm{ float:left; width:100%;} .ipart5 .ilxwm a{color:#ccc;} .ipart5 .ilxwm .clxwmxx{float:right;width:330px;margin-right:20px;margin-top:50px;} .ipart5 .ilxwm .clxwmxx h4,.clxwmxx h4{font-size:17px;} .ipart5 .ilxwm .clxwmxx h5{font-size:17px;margin-bottom:20px;} .ipart5 .ilxwm .clxwmxx p{font-size:16px;clear:both;line-height:30px;margin-top:5px;} .ipart5 .ilxwm .clxwmxx p i{margin-right:5px;} .ipart5 .ilxwm .clxwmxx p.clxwdz i{display:block;float:left;width:30px;height:30px;background:url(/template/folie00128/images/iconDizhi.png) no-repeat center top;} .ipart5 .ilxwm .clxwmxx p.clxwyx i{display:block;float:left;width:30px;height:30px;background:url(/template/folie00128/images/iconYoux.png) no-repeat center top;} .ipart5 .ilxwm .clxwmxx p.clxwdh i{display:block;float:left;width:30px;height:30px;background:url(/template/folie00128/images/iconDianh.png) no-repeat center top;} .ipart5 .ilxwm .clxwmxx .clgyweixin{margin-top:20px;} .ipart5 .ilxwm .clxwmxx .clgyweixin h5{width:90px;height:90px;float:left;} .ipart5 .ilxwm .clxwmxx .clgyweixin h5 img{width:100%;height:100%;} .ipart5 .ilxwm .clxwmxx .clgyweixin p{width:160px;margin-left:10px;float:left;font-size:16px;line-height:40px;clear:unset;} .ipart5 .ilxwm .clxwmxx p.clgyfx i,.ipart5 .ilxwm .clxwmxx p.clgygz i{width:30px;height:40px;display:block;background:url(/template/folie00128/images/iconWeixin.png) no-repeat center;float:left;margin-right:10px;} .ipart5 .ilxwm .clxwmxx p.clgygz i{background:url(/template/folie00128/images/iconGuanzhu.png) no-repeat center;} .ipart5 .ilxwm .clgymxx{width:200px;margin-right:25px;margin-top:50px;float:right;} .ipart5 .ilxwm .clgymxx img{margin-top:20px;} .ipart5 .ditu{ float:right; width:50%; height:417px; background:url(/template/folie00128/images/ditu.jpg) left top no-repeat;} /*底部开始*/ .friendlink{width:1200px;margin:0 auto;font-size:14px;color:#444;line-height:30px;} .friendlink a{color:#444;padding:0 5px;} .ftWrap{width:100%;line-height:45px; margin:0 auto;margin-top:25px; font-family:"Designio_Medium"; min-width:1300px; font-size:15px; border-top:2px solid #6d655f; text-align:center;} /*底部开始*/ .footer{ width:100%; height:350px; background:url(/template/folie00128/images/footbg.png) center bottom no-repeat; overflow:hidden;} .fc1200{width:1200px; margin:0 auto; overflow:hidden;} .flogo{ width:198px; margin-top:180px; text-align:right;} .fcont{ width:680px; margin-left:40px; margin-top:200px; height:116px;} .fcont li{ float:left; margin-left:20px; font-size:15px;} .fcont li p{ font-size:15px; font-family:"Designio_Medium"; line-height:30px; color:#818181;} .fcont li p span{ display:inline-block; width:50px; text-align:left;} .fmenu{ width:250px; margin-top:70px;} .fmenu li{ float:left; line-height:35px; width:130px; text-align:right; position:relative;} .fmenu li a{ color:#5e4599; font-size:25px; font-family:"Designio_Medium"; } .fmenu .cur a{ color:#fff;} .fmenu li ul{ position:absolute; left:130px; top:0px; width:100px; padding-left:20px; padding-top:7px; background:url(/template/folie00128/images/fcurbg.jpg) 2px 6px no-repeat; display:none;} .fmenu li ul li{ float:left; width:100px; text-align:left; line-height:25px;} .fmenu li ul li a{ color:#fff; font-size:18px;} .fmenu li:hover a{color:#fff;} .fmenu li:hover ul{display:block;} .fmenu .cur ul{display:block;} .ftWrapt{width:100%; height:37px; line-height:37px; margin:0 auto;font-family:"Designio_Medium"; min-width:1300px; font-size:15px; text-align:center; color:#fff; letter-spacing:2px;} /* flexslider */ .flexslider{position:relative;height:800px;overflow:hidden;} .slides{position:relative;z-index:1;} .slides li{height:800px;} .slides li a{display:block;width:100%;height:100%;} .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:60px;height:7px;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:60px;height:7px;line-height:40px;overflow:hidden;background:url(/template/folie00128/images/dot.png) right 0 no-repeat;cursor:pointer;} .flex-control-nav .flex-active{background-position:0 0;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;background:url(/template/folie00128/images/prev.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(/template/folie00128/images/next.png) center center no-repeat;} @media screen and (min-width:1600px) { .flexslider{position:relative;height:900px;overflow:hidden;background:url(/template/folie00128/images/loading.gif) 50% no-repeat;} .slides li{height:900px;} } #topdb{ position:fixed; width:51px; height:51px; overflow:hidden; right:13px; bottom:30px; z-index:9;} #topdb a{ display:block;width:51px; height:51px; background:url(/template/folie00128/images/dingbu.png) center top no-repeat;} #topdb a:hover{ background:url(/template/folie00128/images/dingbu.png) center -51px no-repeat;} /*内容*/ .content{width:1200px;margin:0 auto;margin-top:200px;padding-bottom:100px;} .blog_title{padding-bottom: 6px;color: #535151;font-size: 18px;line-height: 30px;font-weight: normal;margin-top:12px;border-bottom:3px solid #dbdee1;} .blog{margin-right: -1px;padding-top: 25px;} .blog h4{font-size:20px;padding:20px 0;color:#231916;} .blog H1{text-align:center;font-size:20px;} .blog H6{text-align:center;font-size:12px;padding-top:5px;} .blog img{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;margin-bottom: 21px;display:block;margin:0 auto;} .blog p span,.blog p{font-size:15px!important;color:#231926;line-height:40px!important;} .blog hr{border:0;border-bottom:1px solid #e6e6e7;} .news li{height:80px;padding:20px 0;border-bottom:1px solid #f1f1f2;transition:.4s;-webkit-transition:.4s;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;} .news li span{float:right;line-height:80px;font-size:18px;color:#ccc;display:block;width:120px;text-align:center;padding-right:20px;} .news li div{width:900px;overflow: hidden;float:left;padding-left:30px;transition:.4s;-webkit-transition:.4s;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;} .news li div a{display:block;height:40px;line-height:40px;font-size:18px;color:#231916;} .news li div p{height:40px;line-height:40px;font-size:14px;overflow: hidden;color:#666;} .news li:hover{border-bottom:1px solid #FBD00E;background:#FBD00E;} .news li:hover span{color:#fff;} .news li:hover div{transform:translateX(20px);-webkit-transform:translateX(20px);-o-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);} .pages ul{max-width:670px;margin:40px auto 0 auto;display:table;} .pages li{float:left;border-radius:5px;margin:0 5px;width:40px;height:40px;background:#E7EBEE;overflow: hidden;line-height:40px;text-align:center;} .pages li a{color:#99a1a7;display:block;width:100%;height:40px;line-height:40px;text-align:center;} .pages li a:hover{color:#fff;} .pages li.pages_solid{background:#FBD00E;color:#fff;} .pages li.previous_s,.pages li.next{width:75px;height:40px;background:#E7EBEE;overflow: hidden;} .tag,.tag a{font-size:15px;color:#231926;line-height:40px;} .related{border-bottom:1px solid #e6e6e7;font-size:20px;color:#222;margin:20px 0;} .relatednews li{width:48%;float:left;height:40px;line-height:40px;box-sizing:border-box;padding-right:30px;list-style:circle;margin-left:20px;} .relatednews li a{font-size:16px;color:#666;} .c_product_b dl{width:21%;margin:2%;height:160px;border-radius:8px;overflow: hidden;position:relative;float:left;} .c_product_b dl dt{width:100%;height:100%;} .c_product_b dl dt img{width:100%;height:100%;} .c_product_b dl dd{width:100%;height:100%;background:rgba(255,255,255,.8);line-height:160px;text-align:center;color:#222;font-size:17px;position:absolute;top:0;left:0;visibility:hidden;opacity:0;filter:alpha(opacity=0);transition:.4s;-webkit-transition:.4s;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;} .c_product_b dl dd a{width:100%;height:100%;display:block;} .c_product_b dl:hover dd{visibility:visible;opacity:1;filter:alpha(opacity=100);} .safasf{height:62px;margin-bottom:30px;} .safasf li{padding:5px 20px;float:left;list-style:none;border-right:1px solid #fff;background:#737373;} .safasf .active{background:#000;} .safasf a{color:#fff;} .safasf a:hover{color:#aaccaa;} .grid_4_111{width: 370px;height:471px;margin-bottom:30px;margin-right: 30px;float:left;} .gall_block{background-color: #fff;padding: 1px;} .gall_item{display: block;background: #aaccaa url(../images/magnify.png) center center no-repeat;} .gall_item img{transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;width: 100%;box-shadow: 0 0 #fff;} .gall_item:hover img{opacity: 0.2;} .gall_bot{padding: 28px 21px 30px;} .gall_bot .btn{position: relative;top: 1px;display: block;width: 150px;height: 40px;margin-top:20px;border: 2px solid #999;text-align: center;line-height: 40px;font-size: 17px;transition:background .4s;-webkit-transition:background .4s;-o-transition:background .4s;-ms-transition:background .4s;-moz-transition:background .4s;} .gall_bot .btn:hover{background:#FBD00E;color:#fff;border:2px solid #FBD00E;} .gall_bot .text1{margin-bottom: 22px;} .sitemap{font-size:17px;} .sitemap h3{font-size:17px;font-weight:lighter;color:#222;} .sitemap dl{margin:20px 0;color:#333;} .sitemap dl a{font-size:17px;padding-right:10px;} /*内容 End*/ .box_os,.onlineService{top:210px!important;} .box_os{display:none;} .onlineService{display:block;} .laiyuan a{color:#99a1a7;} .contentL{width:73%;float:left;background:#fff;border-radius:5px;box-sizing:border-box;padding-bottom:15px;} .contentL .blog H1{text-align:left;padding:0 3%;box-sizing:border-box;margin-bottom:10px;} .contentL .blog .laiyuan{text-align:left;padding:0 3%;box-sizing:border-box;font-size:12px!important;color:#99a1a7;line-height:25px!important;} .contentL .blog .laiyuan span,.contentL .blog .tag span{background:#eee;border-radius:3px;padding:2px 5px;font-size:12px!important;color:#444;margin-right:10px;} .contentL .blog p{padding:0 3%;} .contentL .blog img{width:100%;height:auto;margin:15px 0;max-width:100%;} .contentL .blog_img{position:relative;display:box;padding:0 3%;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;box-align:center;-webkit-box-align:center;-webkit-box-align:center;-ms-box-align:center;-o-box-align:center;box-pack:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-box-pack:center;-o-box-pack:center;transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;} .contentL .blog_img .blog_img_icon{padding:6px;position:absolute;top:55px;right:60px;border-radius:4px;background:rgba(0,0,0,.5);cursor:pointer;} .contentL .blog_img .blog_img_icon i{width:32px;height:32px;background:url(/template/folie00128/images/icon-st-h.png) no-repeat center;display:block;opacity:.8;filter:alpha(opacity=80);} .contentL .blog_img .blog_img_icon:hover i{opacity:1;filter:alpha(opacity=100);} .contentL .blog_img .blog_close_icon{padding:6px;position:absolute;top:55px;right:30px;border-radius:4px;background:rgba(0,0,0,.5);cursor:pointer;display:none;} .contentL .blog_img .blog_close_icon i{width:32px;height:32px;background:url(/template/folie00128/images/icon-st-c.png) no-repeat center;display:block;opacity:.8;filter:alpha(opacity=80);} .contentL .blog_img .blog_close_icon:hover i{opacity:1;filter:alpha(opacity=100);} .contentL .tag{padding:0 3%;box-sizing:border-box;font-size:14px;color:#99a1a7;} .contentL .tag a{color:#99a1a7;} .contentL .related{box-sizing:border-box;padding:0 3%;color:#666;font-size:18px;height:45px;} .contentR{width:25%;float:right;} .contentR .contentRn{background:#fff;border-radius:5px;padding-bottom:15px;padding-top:20px;width:300px;} .contentR .relatednews li{width:86%;margin:0 7%;padding-right:0;list-style-position:inside;padding-left:5px;overflow: hidden;} .contentR .related{box-sizing:border-box;padding:0 5%;color:#666;font-size:18px;height:45px;margin:0;} .tool-list{width:100%;display:table;margin-bottom:20px} .tool-list ul{margin-left:-20px;display:table} .tool-list ul li.list{width:285px;float:left;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;overflow:hidden;margin:20px 0 0 20px;background:#fff;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear} .tool-list ul li.list:hover{-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.1);box-shadow:0 3px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);transform:translate3d(0, -2px, 0);-webkit-transform:translate3d(0, -2px, 0);-ms-transform:translate3d(0, -2px, 0);-o-transform:translate3d(0, -2px, 0)} .tool-list ul li.list .pic{width:285px;height:213px} .tool-list ul li.list .pic a{width:285px;height:213px;display:block;overflow:hidden} .tool-list ul li.list .pic a img{width:100%} .tool-list ul li .info{width:255px;padding:10px 15px;display:table} .tool-list ul li .info p{color:#999;margin-top:5px;width:255px;display:block} .tool-list ul li .info h4 a{width:255px;display:block;height:24px;font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .tool-list ul li .labels{height:24px} .tool-list ul li .labels ul{margin-left:0;margin-top:5px;margin-bottom:5px} .tool-list ul li .labels ul li{float:left;background:#f5f5f5;margin-right:5px;padding:0 10px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px} .tool-list ul li .labels ul li a{color:#999;font-size:12px;display:block} .tool-list ul li .labels ul li a:hover{color:#e70} .tool-list ul li .details{width:100%;border-top:1px solid #eee;padding-top:10px;padding-bottom:10px;display:table} .tool-list ul li .details ul{margin-left:0} .tool-list ul li .details ul li{float:left;margin-left:20px;color:#999;font-size:12px} .tool-list ul li .details ul li span{color:#999} .tool-list ul li .details ul li.fr{float:right;margin-right:15px} .interest-title{width:100%;display:table;text-align:center;margin-top:40px;position:relative;height:50px;clear:both;} .interest-title h3{display:inline-block;background:#f4f4f4;padding:4px 20px;position:absolute;left:470px;top:-3px;font:normal 20px/30px "Microsoft YaHei"} .interest-title .tool-line{width:330px;border-bottom:2px solid #999;display:inline-block;margin-top:16px;} .all{float: left; width: 50%;} .copy{float: left; width: 100%;} .copy p{ width: 580px; float: right; text-align:center; line-height:30px; font-size:16px; }