input { padding: 0; margin: 0; font-family: 'microsoft yahei'; } img { border: none; background: none; vertical-align: middle; } ul, ol, li { list-style-type: none; } select, input, img, select { vertical-align: middle; } table { border-collapse: collapse; border-spacing: 0 } table, th, td { vertical-align: middle } .clearfix:after { content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .clearfix { zoom: 1 } .clearboth { height: 0px; line-height: 0px; overflow: hidden; clear: both; font-size: 0px; } h1, h2, h3, h4 { font-size: 12px; font-weight: bold; line-height: 1.5 } hr { border: 0; border-top: 1px solid #ccc; height: 0; } .wd1200 { width: 1200px; margin: 0 auto; } p { margin: 0; } /*滚动*/ #demo { overflow: hidden; width: 100%; margin: 0 auto; } #indemo { float: left; width: 800% } #demo1 { float: left; } #demo2 { float: left; } #m_demo { overflow: hidden; width: 100%; margin: 0 auto; } #m_indemo { float: left; width: 800% } #m_demo1 { float: left; } #m_demo2 { float: left; } /*----- common css ------*/ .fl { float: left; } .fr { float: right; } .di { _display: inline; } .fwn { font-weight: normal; } .dib { *display: inline; _zoom: 1; _display: inline; _font-size: 0px; } .max1200 { max-width: 1230px; padding-left: 15px; padding-right: 15px; margin: 0 auto; } /*主体样式*/ /* sosuo */ .ss_index { position: relative; margin: 22px auto; } .ss_left { background: #33383c; position: relative; float: left; padding: 15px; width: 30%; } .hot_phone { background: url(/uploads/image/tdimages/fphone.png) no-repeat left center; height: 80px; padding-left: 60px; color: #fff; font-size: 16px; vertical-align: middle; display: table-cell; } .hot_phone p:nth-child(2) { font-size: 26px; } .ss_right { float: right; width: 70%; background: #129611; padding: 15px; } .hotsearch { line-height: 80px; height: 80px; float: left; color: #fff; font-size: 14px; width: 60%; overflow: hidden; } .hotsearch a { color: #fff; font-size: 14px; padding-right: 15px; } .ss_tt { width: auto; text-align: right; float: right; padding-top: 2.125%; } #formsearch2 { width: 100%; border-bottom: 1px solid #9cd6b5; } #formsearch2 input { height: 40px; background: none; border: none; line-height: 40px; outline: none; font-size: 14px; } #formsearch2 input#keyword { height: 40px; line-height: 40px; padding-left: 4px; color: #b3d9c0; float: left; width: 82% } #formsearch2 input#s_btn { float: left; width: 18%; height: 40px; line-height: 40px; text-align: center; background: url(/uploads/image/tdimages/ssq.png) no-repeat center; color: #fff; border: none; cursor: pointer; } /* 留言兼容性完整版 */ #formsearch2 input::-webkit-input-placeholder, #formsearch2 textarea::-webkit-input-placeholder { /* webkit browsers */ color: #b3d9c0; } #formsearch2 input:-moz-placeholder, textarea:-moz-placeholder { /* mozilla firefox 4 to 18 */ color: #b3d9c0; } #formsearch2 input::-moz-placeholder, textarea::-moz-placeholder { /* mozilla firefox 19 */ color: #b3d9c0; } #formsearch2 input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* internet explorer 10 */ color: #b3d9c0; } #formsearch2 input[type='text']::-webkit-input-placeholder { color: #b3d9c0; } @media (min-width:1200px) { #formsearch2 { width: 246px; } } @media (max-width:990px) { .hot_phone { font-size: 14px; } .hot_phone p:nth-child(2) { font-size: 18px; } } @media (max-width:768px) { .ss_left { width: 100%; float: none; padding: 5px 10px; } .ss_right { width: 100%; float: none; padding: 10px; } .hotsearch { line-height: 50px; height: 50px; } .ss_tt { padding-top: 0px; width: 38%; } .hotsearch { font-size: 12px; } .hotsearch a { padding-right: 5px; font-size: 12px; } #formsearch2 input { font-size: 12px; } .ss_index { margin: 10px auto; } } @media (max-width:500px) { #formsearch2 input#s_btn { background-size: 100%; } } /* c1_index */ .c1_index { position: relative; background: url(/uploads/image/tdimages/c1_bg.png) no-repeat; background-size: 100% 100%; padding-top: 3.125%; } .ttt1 { text-align: center; } .ttt1 h3 { font-size: 48px; color: #333333; } .ttt1 h3 i { font-weight: normal; font-style: inherit; } .ttt1 p { font-size: 30px; color: #666666; } .abb_wap { position: relative; margin-top: 5.125%; } .abbleft { width: 40%; float: left; } .abbleft h1 { text-transform: uppercase; color: #24a35c; font-size: 40px; font-weight: normal; line-height: 1; } .abbleft h2 { text-transform: uppercase; color: #33383c; font-size: 30px; font-weight: normal; } .abbleft .abb_txt { padding: 3.125% 0 8.125%; font-size: 14px; color: #666666; line-height: 2; } .abbleft .abbmore { display: block; line-height: 48px; width: 200px; padding-left: 50px; font-size: 14px; color: #fff; background: url(/uploads/image/tdimages/abbmore_bg.png) no-repeat center; } .ab_list { position: relative; margin-top: 15.125%; display: flex; justify-content: left; } .ab_list li { margin-right: 35px } .ab_list li a { display: block; border: 1px solid #d5d5d5; padding: 2px; } .ab_list li img { max-width: 100%; } .abbright { width: 58%; float: right; padding-bottom: 15px; } .abbright img { max-width: 100%; width: 100%; } @media (max-width:1200px) { .ab_list { margin-top: 10.125%; } } @media (max-width:992px) { .abbleft { width: 100%; float: none; } .abbright { width: 100%; float: none; margin-top: 15px; } .ttt1 h3 { font-size: 28px; } .ttt1 p { font-size: 18px; } .abbleft h1 { font-size: 30px; } .abbleft h2 { font-size: 20px } .abbleft .abb_txt { padding: 3.125% 0 3.125%; } .ab_list { margin-top: 5.125%; } } /* c3_index */ .c3_index { position: relative; padding: 3.125% 0; } .sort3 { text-align: center; position: relative; background: url(/uploads/image/tdimages/sort3_bg.png) no-repeat center center; margin-bottom: 3.125%; } .sort3 li { display: inline-block; font-size: 18px; color: #33383c; cursor: pointer; padding: 0 15px; } .sort3 li:hover, .sort3 li.cur { font-weight: bold; color: #24a35c; } .c3_wap { position: relative; } .c3_list11 { display: flex; justify-content: space-between; flex-wrap: wrap; } .c3_list11 li { width: 23%; } .c3_list11 li a { display: block; } .c3_list11 li a img { width: 100%; } .ttz { display: none; } @media (max-width:768px) { .sort3 li { font-size: 15px; } } /* 产品展示 */ .c4_index { position: relative; background: #f2f2f2; padding: 3.125% 0; } .ttt4 { text-align: center; background: url(/uploads/image/tdimages/ttt4_bg.png) no-repeat center; } .ttt4 h3 { font-weight: normal; font-size: 48px; color: #33383c; padding: 10px 0; } .sort4 { text-align: center; position: relative; margin: 2.125% 0; display: flex; justify-content: space-around; } .sort4 li { margin: 1%; } .sort4 li a { display: block; font-size: 18px; color: #fff; padding: 12px 25px; background: #129611; transition: .3s; } .sort4 li:hover a, .sort4 li.cur a { background: #e8bd15; } .c4_content { position: relative; } .c4_list11 { display: flex; justify-content: space-between; flex-wrap: wrap; } .c4_list11 li { width: 31.33%; margin-bottom: 10px; } .c4_list11 li a { display: block; } .c4_list11 li a .simg { overflow: hidden; border: 4px solid #1c4f86; } .c4_list11 li a .simg img { width: 100%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .c4_list11 li h3 { line-height: 1.7; text-align: center; font-size: 18px; color: #33383c; font-weight: normal; padding: 10px 0; } .c4_list11 li:hover a .simg img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; } .ttzss { display: none; } @media (max-width:1200px) { .sort4 { flex-wrap: wrap; justify-content: center; } .ttt4 { background-size: contain; } .ttt4 h3 { font-size: 38px; padding: 5px 0; } } @media (max-width:992px) { .sort4 li a { font-size: 15px; padding: 10px 15px; } } @media (max-width:768px) { .c4_list11 li { width: 48%; } .ttt4 h3 { font-size: 28px; } .sort4 li a { font-size: 14px; padding: 6px 10px; } .c4_list11 li h3 { font-size: 15px; padding: 5px 0; } } /* c5_index */ .c5_index { position: relative; background: url(/uploads/image/tdimages/c5_bg.jpg) no-repeat center top; background-size: contain; padding: 3.125% 0 1.125%; } .ttt5 { text-align: center; } .ttt5 h3 { font-weight: normal; font-size: 48px; color: #fff; background: url(/uploads/image/tdimages/ttt5_bg.png) no-repeat center; padding-top: 30px; } .ttt5 p { font-size: 20px; color: #fff; } .c5_conttt { position: relative; background: #fff; border: 1px solid #cccccc; padding: 30px; margin-top: 2.125%; } .c5_list { position: relative; } .c5_list li { position: relative; margin: 0 15px; } .c5_list li a { display: block; } .c5_list li .cimg { overflow: hidden; } .c5_list li .cimg img { width: 100%; } .c5_list li h3 { line-height: 1.7; text-align: center; font-size: 18px; color: #33383c; font-weight: normal; padding: 10px 0 0; } .c5_list .slick-prev, .c5_list .slick-next { position: absolute; width: 51px; height: 51px; outline: none; font-size: 0; top: 40%; border: none; } .c5_list .slick-prev { left: -8.88%; background: url(/uploads/image/tdimages/case_prev.png) no-repeat center; } .c5_list .slick-next { right: -8.88%; background: url(/uploads/image/tdimages/case_prev.png) no-repeat center; transform: rotate(180deg); } @media (max-width:1200px) { .c5_list .slick-prev, .c5_list .slick-next { display: none!important; } .c5_conttt { padding: 15px; } .ttt5 h3 { font-size: 38px; background-size: contain; padding-top: 10px; } .ttt5 p { font-size: 18px; } .c5_list li h3 { font-size: 16px; } } @media (max-width:768px) { .c5_conttt { padding: 10px; } .ttt5 h3 { font-size: 28px; } .ttt5 p { font-size: 16px; } .c5_list li { margin: 0 5px; } .c5_list li h3 { font-size: 14px; padding-top: 5px; } } /* c6_index */ .c6_index { position: relative; background: #f2f2f2; padding:5% 0 3.125%; } .c6_wap { position: relative; margin-top: 3.125%; } .c6_top { position: relative; } .c6_list li { position: relative; } .c6_list li a { display: block; } .c6_list li a img { width: 100%; } .c6_list li .fu { width: 80%; margin: 0 auto; position: absolute; left: 0px; right: 0px; bottom: 8%; z-index: 9999; } .c6_list li .fu .ttleft { width: 30%; background: #129611; float: left; height: 98px; text-align: center; padding: 15px 0; } .c6_list li .fu .ttleft h3 { font-size: 28px; color: #fff; line-height: 1.2; } .c6_list li .fu .ttleft h3 span { display: block; font-weight: normal; } .c6_list li .fu .stxt { width: 70%; float: left; height: 98px; background: rgba(0, 0, 0, .8); font-size: 14px; color: #fff; font-weight: normal; padding: 20px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .c6_top .prev, .c6_top .next { position: absolute; top: 45%; width: 118px; height: 38px; } .c6_top .prev { left: -59px; background: url(/uploads/image/tdimages/prev2.png) no-repeat center; transform: rotate(180deg); } .c6_top .next { right: -59px; background: url(/uploads/image/tdimages/prev2.png) no-repeat center; transform: rotate(0deg); } .c6_top .prev:hover { background: url(/uploads/image/tdimages/prev2_h.png) no-repeat center; transform: rotate(0deg); } .c6_top .next:hover { background: url(/uploads/image/tdimages/prev2_h.png) no-repeat center; transform: rotate(180deg); } .c6_list22 { position: relative; margin-top: 2.25%; display: flex; justify-content: center; background: url(/uploads/image/tdimages/xux.png) no-repeat center 20px; } .c6_list22 li { width: 25%; text-align: center; } .c6_list22 li a { display: block; } .c6_list22 li i { display: block; font-style: inherit; height: 40px; line-height: 40px; background: url(/uploads/image/tdimages/yuan.png) no-repeat center; } .c6_list22 li h3 { font-size: 20px; color: #303030; transition: .3s; } .c6_list22 li h3 span { font-weight: normal; } .c6_list22 li:hover i, .c6_list22 li.on i { background: url(/uploads/image/tdimages/ture.png) no-repeat center; } .c6_list22 li:hover h3, .c6_list22 li.on h3 { color: #129611; } @media (max-width:1200px) { .c6_top .prev, .c6_top .next { display: none!important; } } @media (max-width:768px) { .c6_list li .fu { width: 90%; } .c6_list li .fu .ttleft h3 { font-size: 20px; } .c6_list li .fu .ttleft { height: 80px; } .c6_list li .fu .stxt { height: 80px; padding: 10px; } .c6_list22 li h3 { font-size: 12px; } .ttt6 h3 { font-size: 28px; padding-top: 10px; background-size: contain; } .ttt6 p { font-size: 16px; } } @media (max-width:500px) { .c6_list li .fu .ttleft h3 { font-size: 18px; line-height: 1.3; } .c6_list li .fu .stxt { font-size: 12px; line-height: 1.7; } } /* news_index */ .news_index { position: relative; padding: 3.125% 0; } .ttt7 { text-align: center; } .ttt7 h3 { font-size: 48px; color: #33383c; font-weight: normal; line-height: 1.3; } .ttt7 p { font-size: 20px; color: #33383c; } .news_wap { margin-top: 3.125%; position: relative; } .news_ttt { position: relative; background: url(/uploads/image/tdimages/nxian.png) no-repeat left bottom; padding: 8px 0; } .news_ttt h3 { font-size: 20px; color: #009944; background: url(/uploads/image/tdimages/news_line1.png) no-repeat left center; padding-left: 28px; } .news_conttt { position: relative; margin-top: 30px; } .news_left { width: 48%; float: left; } .news_list11 { position: relative; } .news_list11 li { position: relative; } .news_list11 li a { display: block; } .news_list11 li .ximg { overflow: hidden; } .news_list11 li .ximg img { width: 100%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .news_list11 li h3 { font-weight: normal; font-size: 18px; color: #303030; padding: 25px 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .news_list11 li span { display: block; font-size: 14px; color: #666666; line-height: 1.7; } .news_list11 li:hover .ximg img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; } .news_right { float: right; width: 48%; } .news_list22 { position: relative; } .news_list22 li { position: relative; padding-bottom: 20px; border-bottom: 2px dashed #cecece; } .news_list22 li li { padding-top: 35px; } .news_list22 li a { display: block; } .news_list22 li .time { float: left; width: 18%; } .news_list22 li .time h3 { font-size: 48px; color: #7e7e7e; line-height: 1; } .news_list22 li .time span { display: block; font-size: 16px; color: #7e7e7e; } .news_list22 li .time22 { float: right; width: 82%; } .news_list22 li .time22 h3 { font-size: 18px; color: #333333; margin-bottom: 5px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .news_list22 li .time22 h4 { font-size: 14px; color: #666666; font-weight: normal; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .news_list22 li:hover .time h3, .news_list22 li:hover .time22 h3 { color: #129611; font-weight: bold; } .news_three { position: relative; margin-top: 3.125%; } .news_tt3 { width: 15%; position: relative; float: left; } .news_tt3 h3 { color: #129611; font-weight: bold; font-size: 20px; } .news_tt3 span { display: block; color: #b4b4b4; font-weight: normal; font-size: 14px; padding: 5px 0; } .news_thr33 { width: 85%; float: right; } .news_thr33 li { position: relative; padding: 20px; background: #f2f2f2; margin-left: 1%; border: none; outline: none; } .news_thr33 li a { display: block; } .news_thr33 li h3 { padding-left: 30px; background: url(/uploads/image/tdimages/wen.png) no-repeat left center; font-size: 12px; color: #303030; margin-bottom: 10px; line-height: 2; } .news_thr33 li h4 { padding-left: 30px; background: url(/uploads/image/tdimages/da.png) no-repeat left 0px; font-weight: normal; font-size: 12px; color: #666666; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .news_thr33 .slick-prev, .news_thr33 .slick-next { position: absolute; top: 65%; width: 51px; height: 23px; outline: none; font-size: 0; border: none; z-index: 9999; } .news_thr33 .slick-prev { left: -18%; background: url(/uploads/image/tdimages/jian.png) no-repeat center; transform: rotate(180deg); } .news_thr33 .slick-next { left: -13%; background: url(/uploads/image/tdimages/jian.png) no-repeat center; transform: rotate(0deg); } .news_thr33 .slick-prev:hover { background: url(/uploads/image/tdimages/jian_h.png) no-repeat center; transform: rotate(0deg); } .news_thr33 .slick-next:hover { background: url(/uploads/image/tdimages/jian_h.png) no-repeat center; transform: rotate(180deg); } @media (max-width:1200px) { .news_thr33 .slick-next { left: -12%; } } @media (max-width:900px) { .news_thr33 .slick-next { left: -11%; } } @media (max-width:768px) { .news_left { float: none; width: 100%; margin-bottom: 20px; } .news_right { float: none; width: 100%; } .news_tt3 { display: none; } .news_thr33 { width: 100%; float: none; } .news_thr33 li { margin: 0 0px; } .news_thr33 .slick-prev, .news_thr33 .slick-next { display: none!important; } .ttt7 h3 { font-size: 28px; } .ttt7 p { font-size: 16px; padding-top: 5px; } .news_list22 li .time22 { width: 80%; } .news_list22 li .time22 h3 { font-size: 16px; } .news_list22 li .time22 h4 { font-size: 13px; } .news_list22 li li { padding-top: 25px; } .news_list11 li h3 { font-size: 16px; padding-top: 20px; } .news_list11 li span { font-size: 13px; } } /* foot */ .x-layout { background: #333333; position: relative; padding: 2.16666667% 0 0; } .x-layout .max1200 { position: relative; } .foot_aa { width: 25%; float: left; padding-bottom: 2.16666667%; } .x-layout-logo { margin-bottom: 10px; } .x-layout-desc { font-size: 18px; color: #f2f2f2; line-height: 2; } .foot_ban { font-size: 18px; color: #f2f2f2; line-height: 2; } .foot_ban a { font-size: 18px; color: #f2f2f2; } .foot_bb { margin-left: 3%; width: 25%; float: left; position: relative; padding-bottom: 2.16666667%; } .foot_bb h2 { font-size: 16px; color: #f2f2f2; margin-bottom: 1.03em; } .foot_dao { position: relative; } .foot_dao a { display: inline-block; width: 50%; text-align: left; font-size: 16px; line-height: 2; color: #fff; } .foot_dao a:hover { color: #009944; } .foot_cc { width: 30%; float: left; position: relative; padding-bottom: 2.16666667%; } .foot_cc h2 { font-size: 16px; color: #f2f2f2; margin-bottom: 1.13em; } .foot_contact { position: relative; font-size: 14px; color: #f2f2f2; } .foot_contact tr td { padding-left: 40px; padding-bottom: 10px; } .foot_contact tr:nth-child(1) td { background: url(/uploads/image/tdimages/f11.png) no-repeat left 5px; } .foot_contact tr:nth-child(2) td { background: url(/uploads/image/tdimages/f22.png) no-repeat left 5px; } .foot_contact tr:nth-child(3) td { background: url(/uploads/image/tdimages/f33.png) no-repeat left 5px; } .foot_ewm { text-align: center; /* background: url(/uploads/image/tdimages/ewm_bg.png) no-repeat center;*/ font-size: 16px; font-weight: 100; width: 203px; position: absolute; right: 0px; bottom: 0; height: 319px; padding-top: 39px; line-height: 2; color: #fff; } @media (max-width:1200px) { .x-layout-desc { font-size: 16px; } .foot_ban, .foot_ban a { font-size: 16px; } .foot_dao a { font-size: 15px; } .foot_ewm { font-size: 14px; } .foot_bb { width: 22%; } } @media (max-width:992px) { .foot_ewm { display: none; } .x-link .max1200{ padding-right: 15px; } .foot_aa { width: 30%; } .foot_bb { width: 30%; } .foot_cc { width: 33%; } } @media (max-width:768px) { .x-layout-desc { font-size: 14px; } .foot_ban, .foot_ban a { font-size: 14px; } .foot_dao a { font-size: 14px; } .foot_contact { font-size: 12px; } .foot_bb h2, .foot_cc h2 { font-size: 15px; } } @media (max-width:600px) { .foot_aa { width: 100%; float: none; } .foot_bb { width: 100%; float: none; margin-left: 0; } .foot_cc { width: 100%; float: none; } } /*分页样式1*/ .pagecontroller{padding-right:10px; padding-top:5px;padding-bottom:5px;color:#505050;margin:0 auto;border-top:1px solid #e2e3e4;margin-top:16px;line-height:24px;} .pagecontroller a{background-color:#fff;vertical-align:middle; border:#efefef 1px solid; color:#505050;padding:5px 8px; margin-right:3px;margin-left:3px;border-radius:3px;} .pagecontroller a:hover{background-color:#efefef;color:#438ece; text-decoration:none;border:#efefef 1px solid;} .pagecontroller .currpage {background-color: #efefef;color:#ff0000;border:#efefef 1px solid;} .pagecontroller .t1{float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;} .pagecontroller .t2{float:right;vertical-align:middle;line-height:24px;} .pagecontroller .t2 #current{line-height: 24px;background-color: #035d67;vertical-align: middle;border: 1px solid #035d67; color: #fff;padding: 5px 8px;margin-right: 3px;margin-left: 3px;border-radius:3px;} .pagecontroller .t1 span{padding-left:4px;padding-right:4px;} .pagecontroller select{height:24px;vertical-align:middle;text-align:center;line-height:24px;} .pagecontroller select option{vertical-align:middle;} /*手机底部*/ @media (max-width:768px){ .db{display:block!important;} } .dbb{height:50px;} /* 页脚 */ .footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; background: #000; } .footer ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: #ffffff; line-height: 30px;padding:10px 0; font-size: 0; } .footer ul li.active { background: #da251c; } .footer ul li a { display: block;color:#fff; } .footer ul li .iconfont { font-size: 18px; display: inline-block; vertical-align: middle; margin-right: 5px; } .footer ul li span { display: inline-block; vertical-align: middle; font-size: 16px;color:#fff; } .footer li .icon-home{ background: url(/uploads/image/tdimages/m1.png) no-repeat;width:20px;height:20px;} .footer li .icon-home2{ background: url(/uploads/image/tdimages/m2.png) no-repeat;width:20px;height:20px;} .footer li .icon-phone{ background: url(/uploads/image/tdimages/m3.png) no-repeat;width:20px;height:20px;} .footer li .icon-contact{ background: url(/uploads/image/tdimages/m4.png) no-repeat;width:20px;height:20px;} .footer li .icon-phone:before{font-size:0;}