.fbig{ font-size: 3.5rem } .t_r{text-align:right;} .relative{position:relative;} .absolute{position:absolute;} .rel_center{position:relative;left:50%;} .hidden{display:none;} .Newstime{ float:right;} /***************产品展示*****************/ .pro li{float:left;overflow:hidden;margin:0 5px 20px 5px;width:252px;text-align:center;white-space:nowrap;*margin:0 4px 20px 4px;} .pro span{padding-left:15px;background-position:0 -114px;} .pro img{padding:3px;width:240px;height:180px;border:1px solid #dcdcdc;} .pro a{*color:#444;} .pro a:hover{color:#da020d;} .pro img:hover{border:1px solid #da020d;} .pro_sp{ width:100%; height:auto; float:left; overflow:hidden; } /*.pro_sp li{float:left;overflow:hidden;margin:0 5px 20px 5px;width:252px;text-align:center;white-space:nowrap;*margin:0 4px 20px 4px;} .pro_sp span{padding-left:15px;background-position:0 -114px;} .pro_sp img{padding:3px;width:240px;height:180px;border:1px solid #dcdcdc;} .pro_sp a{*color:#444;} .pro_sp a:hover{color:#da020d;} .pro_sp img:hover{border:1px solid #da020d;} */ .pro_sp{ width:100%; height:auto; float:left; overflow:hidden; } .pro_sp li{float: left; width: 45.5%; background:url('../Image/i_videotpbj.png') center top no-repeat;-webkit-background-size: 100% 100%; padding:5% 2% 1% 2.5%; margin-bottom:5px; } .pro_sp li a{display: block; text-align: center; margin: 10px auto 5px auto; max-width:100%; color: #692a21; position: relative; } .pro_sp li a .video_title{ width:100%; height: auto; margin:0 auto; text-align:center; font-size:12px; font-weight:bold; padding: 5px 0px;} .pro_sp li a .image-container{ overflow: hidden; width: 100%; height: auto; margin: 0 auto; } .pro_sp li a .image-container img{ max-width: 100%; max-height: 100%; float:left; } .pro_xc{ width:100%; height:auto; float:left; overflow:hidden; } .pro_xc li{float: left; width: 45.5%; -webkit-background-size: 100% 100%; padding:5% 2% 1% 2.5%; margin-bottom:5px; } .pro_xc li a{display: block; text-align: center; margin: 10px auto 5px auto; max-width:100%; color: #692a21; position: relative; } .pro_xc li a .video_title{ width:100%; height: auto; margin:0 auto; text-align:center; font-size:12px; font-weight:bold; padding: 5px 0px;} .pro_xc li a .image-container{ overflow: hidden; width: 100%; height: auto; margin: 0 auto; } .pro_xc li a .image-container img{width: 100%; max-height:120px;float:left; display: table-cell; vertical-align: middle;} /***************分页*****************/ .page{margin:10px 20px 15px 0;} .page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;} .page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;} /***************新闻中心*****************/ .news{margin-left:17px;} .news .bt{ width:100%; height:50px; line-height:50px; font-weight:bold; font-size:1.2em; } .news a .bt{ color:#b10805; } .news li{width:100%;height: auto;border-bottom:1px dotted #cdcdcd;text-indent:1em;line-height:39px;} .news li:before{color:#e40413;content:'■\00a0\00a0\00a0';vertical-align:2px;} .news li:hover{background-color:#f6f6f6;} .news a:hover{color:#da020d;} /****************news-ny*****************/ .news_title{color:#3e0001;text-align:center;line-height:40px; font-size:2rem; } .meta{color:#999;text-align:center;line-height:28px;} /********goods_info&jobs_info*******/ .order{ line-height:40px;} .order img{vertical-align:-5px;cursor:pointer;} #submit{width:90px;height:34px;border:none; background-color:#b10805; color:#fff;cursor:pointer;} /***********招聘**************/ .jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;} .jobs a{position:relative;top:-135px; background-color:#105387; float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;} .jobs strong{color:#da020d;} .jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;} .page{margin:10px 20px 15px 0;} .page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;} .page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;} .current {height:18px;line-height:18px;background:#e7e7e7;color:#fff; padding:5px 10px 5px 10px; } /***************jobs***************/ .pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;} .pro_info p{margin:20px 30px 30px 33px;} .pro_name{display:block;color:#da020d;text-align:center;} .info_title{margin:30px 0 0 27px;width:94%;height:30px;background:#999;} .info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;} .info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;} /*sitemap*/ .mesmore{margin-top:5px;} .mesmore:hover{color:#da020d;text-decoration:underline;} .sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;} .m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;} .m2{ margin-left:20px; margin-top:20px; line-height:25px;} .m2 span{ font-size:14px; font-weight:bold;} .m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;} .m2t ul{} .m2t ul li{ list-style-type:none; float:left; width:150px;} .m2t ul li a:hover{ color:red} /*内页 */ .nycontact_k{ width:100%; height: auto; float: left; } .nycontact{ width:100%; height: auto; float: left;/* padding: 2% 0px; padding-top:20%;*/} /*内页底部联系方式 */ .dblxfs{ width:100%; height:auto; line-height:28px; float:left; color:#740000; font-size:18px; font-weight:bold; margin-top:50px; } /*内页左侧*/ .left_zk{ width:282px; height: auto; float:left;} /*aboutus*/ /*.l_products{ width:282px; height: auto; float:left; background:url('../Image/i_prodcutbtbj.jpg') left top no-repeat #000; padding-top:64px;} .l_products_nr{} .l_products_nr li a{ width:242px; height:48px; line-height:48px; float:left; color:#fff;background:url('../Image/l_fldj.jpg') top right no-repeat; text-indent:45px;transition:0.3s;} .l_products_nr li a:hover{ width:242px; height:48px; line-height:48px; float:left; color:#333;background:url('../Image/l_fldj2.jpg') top right repeat-x; text-indent:60px; } */ /*.productslt2{ width:262px; height: auto; float:left; } .productslt2_bt{ width:262px; height:75px; line-height:66px; float:left; font-weight:bold; text-indent:10px;color:#fff; font-size:26px; font-weight:bold; text-align:center; background:url('../Image/l_products.jpg') top left no-repeat; } .productslt2_nr{ width:262px; height:auto; float:left; overflow:hidden; } .product_left2{width:235px;height:auto; overflow:hidden;} .product_left2 .title{height:56px; line-height:56px; text-align:left; padding-left:19px; font-size:24px;} .product_left2 .title > span{ font-size:20px} .product_left2 ul{ } .product_left2 li{ height:43px;line-height:43px; width:auto; cursor:pointer; font-size:15px; font-weight:bold; background-color:#819bb6;text-indent:30px; margin-bottom:10px; } .product_left2 li a{color:#FFF; } .product_left2 .pmenu_one span,.product_left2 .pmenu_one dd{display:block; height:43px;line-height:43px; width:100%; font-size:14px; color:#000000; text-overflow: ellipsis;white-space: nowrap; overflow:hidden;} .product_left2 .pmenu_one .on,.product_left2 .pmenu_one span:hover,.product_left2 .pmenu_one dd:hover{ height:43px;line-height:43px; background-color:#5a82a9;color:#FFFFFF; border-bottom:none;} .product_left2 .pmenu_one .on a,.product_left2 .pmenu_one span:hover a,.product_left2 .pmenu_one dd:hover a{ width:180px; height:43px; line-height:43px; display:block; color:#FFFFFF;} .product_left2 .pmenu_two{padding-top:0px; display:none} .product_left2 .pmenu_two ul{display: none; width: 100%; height: auto;padding-top:0px;} .product_left2 .pmenu_two li { height:43px;line-height:43px; background:#f7f7f7; color:#0054aa; font-weight:bold; width:100%; overflow:hidden; } .product_left2 .pmenu_two li a{ color:#034196; font-size:14px; font-weight:100; font-weight:bold; } .product_left2 .pmenu_two li:hover{ background:#f7f7f7; border-bottom: solid 1px #dedede;} .product_left2 .pmenu_two li:hover a{color:#de7600; } .product_left2 .pmenu_two li .on{color:#ffffff; padding:5px 20px; }*/ .product_left2{ width:282px; height: auto; float:left; background:url('../Image/i_prodcutbtbj.jpg') left top no-repeat; padding-top:64px;} .product_left2 .title{height:56px; line-height:56px; text-align:left; padding-left:19px; font-size:24px;} .product_left2 .title > span{ font-size:20px} .product_left2 .nrys{ width:242px; height: auto; background:#027e5d; float:left; padding:20px; padding-top:10px; color:#FFF; } .product_left2 li{ height:48px;line-height:48px; width:auto; cursor:pointer; font-size:15px; font-weight:bold;background:url('../Image/l_fldj.jpg') top left no-repeat; text-indent:45px; margin-bottom:10px; } .product_left2 li a{color:#FFF; } .product_left2 .pmenu_one span,.product_left2 .pmenu_one dd{display:block; height:48px;line-height:48px; width:100%; font-size:14px; color:#000000; text-overflow: ellipsis;white-space: nowrap; overflow:hidden; } .product_left2 .pmenu_one .on,.product_left2 .pmenu_one span:hover,.product_left2 .pmenu_one dd:hover{ height:48px;line-height:48px; border-bottom:none; color:#333;background:url('../Image/l_fldj2.jpg') top left no-repeat;} .product_left2 .pmenu_one .on a,.product_left2 .pmenu_one span:hover a,.product_left2 .pmenu_one dd:hover a{ width:180px; height:48px; line-height:48px; display:block; color:#333333;} .product_left2 .pmenu_two{padding-top:0px; display:none} .product_left2 .pmenu_two ul{display: none; width: 100%; height: auto;padding-top:0px;} .product_left2 .pmenu_two li { height:43px;line-height:43px; background:#f7f7f7; color:#0054aa; font-weight:bold; width:100%; overflow:hidden; } .product_left2 .pmenu_two li a{ color:#034196; font-size:14px; font-weight:100; font-weight:bold; } .product_left2 .pmenu_two li:hover{ background:#f7f7f7; border-bottom: solid 1px #dedede;} .product_left2 .pmenu_two li:hover a{color:#de7600; } .product_left2 .pmenu_two li .on{color:#000; padding:5px 20px; } /*内页右侧*/ .article{ width:100%; height: auto; float:right; } .article_title{ width:885px; height:70px; line-height:70px; float:left; border-bottom:1PX solid #eeeeee;background:url('../Image/r_btbj.jpg') center left no-repeat; } .article_title strong{ width:300px; height:70px; line-height:70px; float:left; text-indent:25px; color:#1eb47d; font-weight:bold; font-size:36px; } .article_title span{ font-size:12px; font-weight:100; text-align:left; } .article_nr{ width:96%; height:auto; float:left; overflow:hidden;line-height:26px; padding:2%; color:#333; line-height:28px; } .scpxqcont .cpxq_qh{ margin:0px auto; text-align:center; position:relative; margin-top:20px; } .scpxqcont .cpxq_qh .bd ul{ width:100%; float:left; } .scpxqcont .cpxq_qh .bd li{ width:100%; float:left; font-size:14px; text-align:center; } .scpxqcont .cpxq_qh .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ } .scpxqcont .cpxq_qh .bd li img{ width:100%; height:100%; } .scpxqcont .cpxq_qh .hd{ width:100%; text-align:left; padding:0 0px; position:absolute; bottom:-20px; right:0px; } .scpxqcont .cpxq_qh .hd ul{ float:left; padding-top:16px; width:100%; text-align:center; } .scpxqcont .cpxq_qh .hd li{ width:25px; height:25px; line-height:25px; background:#f6f6f6; margin:0 0.5%; overflow:hidden; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; display:inline-block; text-align:center; color:#333; } .scpxqcont .cpxq_qh .hd .on{ background:#ce0000; color:#fff; } .scpxqcont .cpxq_qh .prev{ position:absolute; top:-300%; left:50px; display:block; float:left; width:19px; height:58px;background:url('../Image/cp_xql.jpg') center left no-repeat;} .scpxqcont .cpxq_qh .next{ position:absolute; top:-300%; right:50px; display:block; float:left; width:19px; height:58px;background:url('../Image/cp_xqr.jpg') center left no-repeat; } .scpxqcont .cpxq_qh .prevStop{ width:19px; height:58px;background:url('../Image/cp_xql2.jpg') center left no-repeat;} .scpxqcont .cpxq_qh .nextStop{ width:19px; height:58px;background:url('../Image/cp_xqr2.jpg') center left no-repeat;} .pronr{ width:100%; height:auto; overflow:hidden; float:left; margin-top:20px; } .pronr_zbt{ width:99%; padding-left:10px; height:42px; background-color:#ededed; float:left; } .pronr_zbt li{ width:125px; height:42px; line-height:42px; float:left; text-align:center; font-size:14px; } .pronr_zbt li a{ color:#000; } .pronr_zbt li a:hover{ width:125px; height:42px; line-height:42px; background-color:#df2623; float:left; color:#fff; } .pronr_zbt .diyi a{ width:125px; height:42px; line-height:42px; text-align:center; background-color:#006ae2; float:left; color:#fff; } .pronr_zbt .diyi a:hover{ width:125px; height:42px; line-height:42px; float:left; color:#fff; } .pronr_nr{ width:99%; height:auto; overflow:hidden; float:left; padding-top:20px; margin-bottom:20px; } .pronr_nr li{float: left; width: 50%;} .pronr_nr li a{display: block; text-align: center; padding-top: 4px; margin: 10px auto 5px auto; max-width:98%; color: #692a21; position: relative; } .pronr_nr li a .image-container{ overflow: hidden; width: 100%; height: auto; margin: 0 auto; } .pronr_nr li a .image-container img{width: 100%;height:135px;float:left; display: table-cell; vertical-align: middle;} .pronr_nr li a .title{max-width:94%; font-size:12px; font-weight:bold; color:#c00000; padding:5px; text-align:center; width: 100%; white-space: pre; overflow: hidden; text-overflow: ellipsis; left: 24px; z-index: 2; margin: 0 auto; background: #E8E8E8;} .pronr_nr li a span{max-width:100%;width:100%; color:#333; font-weight:100; font-size:10px; float:left; display:block;white-space:normal;} .ny_cpnr{ width:100%; height: auto; float:left;/* padding-top:20px; */ } .ny_cpnr img{ width:100%; } .ny_cpnr_title{width:100%; height:3rem; line-height:3rem; background:url('../Image/i_btbj.png') center center no-repeat; font-size:1.6rem; font-weight:bold; color:#fff; background-size:100%; float:left; text-indent:2.5rem} /*.ny_cpnr_title{width:100%; height:57px; line-height:57px; background-color:#0066bc; font-size:20px; font-weight:bold; color:#fff; float:left; text-indent:2rem; } .ny_cpnr_title strong{ font-size:18px; font-weight:bold; color:#fff; }*/ .ny_cpnr_nr{ width:96%; float:left; margin:10px 0px; padding:2%; background-color: #fff;font-size: 1.4rem; line-height: 2.2rem;} .ny_cpnr_nr li{ float: left; width:50%;font-size: 1.2rem; margin-bottom: 0.7rem;} .ny_cpnr_nr li a{display: block; padding-top: 4px; max-width:98%; color: #333; font-weight:bold; position: relative; } .ny_cpnr_nr li a .image-container{ overflow: hidden; width: 100%; height: auto; margin: 0 auto; } .ny_cpnr_nr li a .image-container img{width: 100%;height:135px;float:left; display: table-cell; vertical-align: middle;} .ny_cpnr_nr li a .title{ width: 100%; background: #e7e7e7; text-align:center; color:#292929; line-height: 35px; transition: 0.3s all 0s linear;} .ny_cpnr_nr li a span{max-width:100%;width:100%; color:#333; font-weight:100; font-size:10px; float:left; display:block;white-space:normal;} .ny_cpnr_nr #picUL li a:hover{color:#e80000;} .ny_cpnr_nr #picUL .two { margin: 0 auto; display: block; width: 100%;height: 40px; } .ny_cpnr_nr #picUL .two ul li { margin: 0; display:block; float: left; width: 49%;height: 40px; line-height: 40px; list-style: none; } .ny_cpnr_nr #picUL .two ul li a { padding: 0; display: block; width: 100%;height: 40px; line-height: 40px; text-align: center; display: block; list-style: none; } .ny_cpnr_nr #picUL .two ul li.conn{ background: #ffc001; } .ny_cpnr_nr #picUL .two ul li.detail{ background: #0072e6; } .ny_cpnr_nr #picUL .two ul li.detail a{color: white; } .ny_cpnr_nr #picUL .two ul li.detail a:hover{color: white; color:#e80000;} .backtop a{ display: block; width: 80%; padding: 15px; background-color: #f86a00; border-radius: 4px; margin: 0 auto; color: white; font-size: 18px; text-align: center;} .ny_cpnr_nr img{ width:100%; } .ny_cpnr_nr .jieshao{ width:1050px; height:50px; line-height:50px; float:left;background:url('../Image/cpny_bjx.png') top left repeat-x; margin-top:10px; margin-bottom:10px;} .ny_cpnr_nr .strong{ width:1050px; height:50px; line-height:50px; float:left;background:url('../Image/cpny_wzbj.png') center left no-repeat; font-size:24px; font-weight:bold; color:#FFF; text-indent:30px;} #con_lx{ height:auto; overflow:hidden; line-height:2.0; font-size:14px; width:90%; margin-bottom:20px;} #con_lx p{ border-bottom:1px dotted #ccc; line-height:35px; padding-left:20px; transition:0.3s all 0s linear; } #con_lx p:hover{ background:#efefef; color:#000; border-bottom:1px solid #ccc; padding-left:30px;} .xyfck{ width:100%; height: auto; margin:0 auto; overflow:hidden; } .xyfc{ width:1160px; height:auto; padding:20px; margin:0 auto; background-color:#FFF; overflow:hidden; } .xyfc_bt{ width:1160px; height:40px; line-height:40px; float: left; padding:20px; color:#b21206; font-size:24px; color:#b21206; font-weight:bold; } .xyfc_nr{ width:1160px; height:auto; float:left; overflow:hidden; } #fczs_main{ width:100%; height: auto; overflow:hidden; } #fczs_gd{width:100%;height: auto;float:left;overflow:hidden;} #fczs_gd ul{width:1344px;height: auto;} #fczs_gd ul li{float:left;text-align:center;} #fczs_gd ul li img{ width:264px; height:197px;} .article_lxwmnr{ width:860px; height:auto; float:left; overflow:hidden;line-height:26px; padding:10PX;} .article_lxwmnr p{ width:100%; line-height:40px; float:left; overflow:hidden;/* border-bottom:1px solid #b4d3ef; */} /*资质瀑布流*/ .item{background:#006ae2;color:#fff;border-radius:5px;padding:10px;word-break:break-all;word-wrap:break-word;/*white-space:pre;white-space:pre-wrap;*/} .item img{width:100%;height:auto;} .item p{text-align:center;margin-top:5px; } .item a{color:#fff; } .itema:hover{color:#fffefe; } /***上一条下一条*****/ .prednext{line-height:35px;text-align:left;border-top:1px dashed #999; border-bottom:1px dashed #999;width:100%; height:35px; margin:15px 0; font-size:14px;} .prednext a{ font-size:14px; color:#000;} .prednext a:hover{ color:#85f563;} .prednext .return{ float:right; margin-right:15px;} .overlay{ position:fixed; z-index:999; top:0px; left:0px; width:100%; height:100%; background-color:#000; opacity:0.7; } .modal{ position:absolute; top:25%; width:500px; height:300px; margin-left:-250px; z-index:9999; color:#fff; text-shadow:1px 1px 1px #000; border:1px solid #303030; background-color:#212121; -moz-box-shadow:0px 0px 10px #000; -webkit-box-shadow:0px 0px 10px #000; box-shadow:0px 0px 10px #000; } .modal h2{ font-weight:100; padding:5px 0px 5px 5px; margin:5px; background-color:#111; border:1px solid #272727; } .modal h2 img{ float:left; width:28px; margin-right:10px; -moz-box-shadow:0px 0px 4px #000; -webkit-box-shadow:0px 0px 4px #000; box-shadow:0px 0px 4px #000; } .modal h3{ text-transform:uppercase; font-weight:100; font-size:16px; letter-spacing:1px; margin:25px 25px 5px 25px; color:#3365AF; } .modal p{ margin:15px 25px; line-height:24px; height:100px; overflow:hidden; } .modal p a{ color:#ddd; } .modal p a:hover{ color:#fff; } .line{ background-color:#000; border-bottom:1px solid #333; height:1px; margin:3px 10px 5px 10px; } a.button{ display: inline-block; float:right; padding: 4px 10px; background-color: #1951A5; color:#fff; margin:20px; font-size:12px; letter-spacing:1px; text-shadow:1px 1px 1px #011c44; text-transform:uppercase; text-decoration: none; border:1px solid #4c7ecb; outline:none; background-image: -moz-linear-gradient( top, rgba(255,255,255,0.25), rgba(255,255,255,0.05) ); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(255,255,255,0.25)), color-stop(1, rgba(255,255,255,0.05)) ); -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } a.button:hover{ color: #011c44; text-shadow: 1px 1px 1px #ccdffc; } a.button:active{ margin-top:21px; } a.next, a.prev{ height:50px; width:20px; background-color:#212121; background-repeat:no-repeat; background-position:center center; position:absolute; top:130px; cursor:pointer; border:1px solid #303030; outline:none; } a.next{ right:-21px; border-left:none; background-image:url(../images/next.png); -moz-border-radius:0px 5px 5px 0px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } a.prev{ left:-21px; border-right:none; background-image:url(../images/prev.png); -moz-border-radius:5px 0px 0px 5px; -webkit-border-top-left-radius:5x; -webkit-border-bottom-left-radius:5px; border-top-left-radius:5px; border-bottom-left-radius:5px; -moz-box-shadow: -1px 1px 3px #000; -webkit-box-shadow: -1px 1px 3px #000; box-shadow: -1px 1px 3px #000; } span.close{ background:#000 url(../images/close.png) no-repeat center center; cursor:pointer; height:25px; width:25px; position:absolute; right:12px; top:12px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; opacity:0.5; } span.close:hover{ opacity:1.0; } /*.content{ width:800px; margin:40px auto 0 auto; background-color:#101010; height:555px; border:1px solid #191919; -moz-box-shadow:0px 0px 10px #000 inset; -webkit-box-shadow:0px 0px 10px #000 inset; box-shadow:0px 0px 10px #000 inset; }*/ .content h2{ background-color:#222; color:#f0f0f0; text-shadow:1px 1px 1px #000; margin:-15px -15px 0 -15px; padding:20px; font-size:30px; font-weight:100; border:1px solid #303030; } ul.friendsList{ list-style:none; margin:10px 0 0 0; } ul.friendsList li a{ display:block; padding:15px 15px 15px 55px; text-decoration:none; color:#ddd; font-size:26px; text-shadow:1px 1px 1px #000; margin:5px 10px; background-color:#1f1f1f; border:1px solid #222; -moz-box-shadow:0px 0px 10px #000; -webkit-box-shadow:0px 0px 10px #000; box-shadow:0px 0px 10px #000; background-repeat:no-repeat; background-position:5px 50%; opacity:0.9; outline:none; } ul.friendsList li a:hover{ color:#fff; border:1px solid #303030; background-color:#212121; opacity:1.0; text-shadow:0px 0px 1px #fff; } ul.friendsList li.devisefunction a{ background-image:url(../images/devisefunction.jpg) } ul.friendsList li.wordrom a{ background-image:url(../images/wordrom.jpg) } ul.friendsList li.fearlessflyer a{ background-image:url(../images/fearlessflyer.jpg) } ul.friendsList li.bluefaqs a{ background-image:url(../images/bluefaqs.jpg) } ul.friendsList li.ourtuts a{ background-image:url(../images/ourtuts.jpg) } ul.friendsList li.tzine a{ background-image:url(../images/tzine.jpg) } ul.friendsList li.w3avenue a{ background-image:url(../images/w3avenue.jpg) } ul.friendsList li a > span{ color:#333; padding-left:10px; font-size:22px; } ul.friendsList li a:hover > span{ text-shadow:1px 1px 1px #000; color:#444; } .loading{ width:100%; height:200px; }