@charset "utf-8"; body{margin:0;padding:0;font-size:14px;font-family:Microsoft YaHei;background:#fff;color:#232323;}body ::selection {color:#fff;background:#0074b2;text-shadow:none;}body ::-moz-selection {color:#fff;background-color:#0074b2;text-shadow:none;}div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p {padding:0;margin:0;}table, td, tr, th {}table {border-collapse:collapse;border-spacing:0;}ol, ul {list-style:none;}li {list-style-type:none;}img {vertical-align:top;border:0;}h1, h2, h3, h4, h5, h6 {font-size:inherit;font-weight:normal;}address, cite, code, em, th, i {font-weight:normal;font-style:normal;}a {color:#232323;text-decoration:none;}a:visited {text-decoration:none;}a:hover {color:#0074b2;text-decoration:underline;}a:active {color:#0074b2;}#clear {clear:both;padding:0;margin:0;}#clear_ss{clear:both;height:30px;border-top:1px solid #ddd;padding:0;margin:0;}#clear_t{clear:both;border-bottom:1px solid #eee;padding:0;margin:0;height:20px;overflow:hidden;}.clearfix:after {clear:both;} /*--header--*/ .top-blank {height:80px;overflow:hidden;background:#fff;} .top-head{height:80px;position:fixed;top:0;left:0;width:100%;z-index:1000;background:#fff;box-shadow: 0px 2px 92px 0px rgb(0 0 0 / 18%);} /*header border-bottom:1px solid rgba(999,999,999, 0.3);*/ .header{height:80px;position:fixed;top:0;left:0;width:100%;z-index:1000;} .header .logo a{background:url(../img/logow.png) no-repeat left center;} .header .search-right a.search-r{background:url(../img/searchw.png) no-repeat center center;} .header .search-right span a{color:#fff;} .header .search-right h5{font-size:14px;line-height:18px;font-weight:500;color:#fff;} .header:hover{-webkit-transition: all 1s;transition: all 1s;background:#fff;} .header:hover .nav a{color:#666;font-weight:500;} .header:hover .nav a:hover{color:#0074b2;} .header:hover .logo a{background:url(../img/logo.png) no-repeat left center;} .header:hover .search-right a.search-r{background:url(../img/search.png) no-repeat center center;} .header:hover .search-right span a{color:#666;} /*白色背景的头部 box-shadow:0 5px 15px #ccc; */ .header.on{-webkit-transition: all 1s;transition: all 1s;background:#fff;box-shadow: 0px 2px 92px 0px rgb(0 0 0 / 18%);} .header .nav a{color:#fff;} .header.on .nav a{color:#666;font-weight:500;} .header.on .nav a:hover{color:#0074b2;} .header.on .logo a{background:url(../img/logo.png) no-repeat left center;} .header.on .search-right a.search-r{background:url(../img/search.png) no-repeat center center;} .header.on .search-right span a{color:#666;} /*header end*/ .top02_center {width:1200px;margin:0 auto;}.top02 {height:80px;width:100%;} .logo{width:305px;height:80px;float:left;} .logo a{display:inline-block;width:160px;height:80px;background:url(../img/logo.png) no-repeat left center;} .nav {display:inline-block;float:left;overflow:hidden;} .nav li {float:left;text-align:center; /* position:relative;*/} .nav a{display:block;font-weight:500;} .nav a:hover{text-decoration:none;color:#0074b2;} .nav li.thisclass a{color:#0074b2;} .nav li.thisclass:before{border-bottom:2px solid #0074b2;} .nav li.thisclass:before{left: 0;} .nav li.thisclass:hover{color: #0074b2;} .nav li.thisclass:before{width: 100%;} .m{line-height:80px;display: block;margin:0 25px;position: relative;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;} .m:before{content: "";position: absolute;bottom: 0;width: 0;border-bottom: solid 2px;} .m:before{left: 0;} .m:hover{color: #0074b2;} .m:hover:before{width: 100%;} .m:before{-webkit-transition: width .2s ease-in-out;transition: width .2s ease-in-out;} .nav .sub {display:none;width:100%;padding:0;position:fixed;top:80px;overflow:hidden;text-align:left;z-index:110;left:0px;background:#000;opacity:0.8;} .nav .sub .sub_menu {width:1200px;margin:0 auto;padding:30px 0 50px 0;} .nav .sub .sub_menu ul li {display:block;float:none;height:auto;padding:0;text-align:left;} .nav .sub .sub_menu ul.sub_ty{display:block;width:400px;height:215px;overflow-y:scroll;border-right:1px solid #232323;float:left;margin:0;text-align:left;} .nav .sub .sub_menu ul.sub_ty .scrollbar { width :1px; height:auto; margin: 0 auto; } .nav .sub .sub_menu ul.sub_ty::-webkit-scrollbar { /*滚动条整体样式*/ width :1px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .nav .sub .sub_menu ul.sub_ty::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius:1px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #232323; } .nav .sub .sub_menu ul.sub_ty::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius:1px; background:#969696; } .nav .sub .sub_menu ul.sub_ty li {display:block;float:left;width:33.33%;height:auto;text-align:left;} .nav .sub .sub_menu ul.sub_ns{width:750px;float:right;} .nav .sub .sub_menu ul.sub_ns li {display:block;float:left;width:20%;height:auto;text-align:left;} .nav .sub .sub_menu ul li a strong{font-weight:600;} .nav .sub .sub_menu ul a {display:inline-block;line-height:35px;font-size:16px;color:#fff;padding:0 0;margin:0;height:auto;width:auto;} .nav .sub .sub_menu ul a:hover {color:#0074b2;} .nav .sub ul.ns{width:635px;padding:0 0 0 565px;margin:0 auto;background:#ccc;} .nav .sub ul.ns li{display:block;margin:0 15px;} .nav .sub ul.ns li a{font-size:16px;position: relative;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;color:#fff;} .nav .sub ul.ns li a:before{content: "";position: absolute;bottom: 0;width: 0;border-bottom: solid 2px;} .nav .sub ul.ns li a:before{left: 0;} .nav .sub ul.ns li a:hover{color: #0074b2;} .nav .sub ul.ns li a:hover:before{width: 100%;} .nav .sub ul.ns li a:before{-webkit-transition: width .2s ease-in-out;transition: width .2s ease-in-out;} .sub_menu ul li a{position: relative;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;} .sub_menu ul li a:before{content: "";position: absolute;bottom: 0;width: 0;border-bottom: solid 2px;} .sub_menu ul li a:before{left: 0;} .sub_menu ul li a:hover{color: #0074b2;} .sub_menu ul li a:hover:before{width: 100%;} .sub_menu ul li a:before{-webkit-transition: width .2s ease-in-out;transition: width .2s ease-in-out;} /*----search-right-----*/ .search-right{display:inline-block;float:right;position:relative;padding:32px 113px 0 0;} .search-right a.search-r{width:16px;height:16px;display:inline-block;line-height:16px;background:url(../img/search.png) no-repeat center center;} .search-right span{display:block;position:absolute;right:0;top:32px;color:#ccc;font-weight:300;font-family:"宋体";} .search-right a{display:inline-block;font-size:14px;line-height:14px;margin:0 5px 0 0;font-weight:500;font-family:Microsoft YaHei;} .search-right a:last-child{margin:0 0 0 5px;} .pop-overlay {position:fixed;top:0px;left:0;right:0;transition:opacity 0ms;visibility:hidden;opacity:0;z-index:99;background:rgba(25, 23, 23, 0.81);box-shadow:1px 1px 4px 0 rgba(0, 0, 0, 0.85);height:100vh;} .pop-overlay:target {visibility:visible;opacity:1;} .search-box{display:flex;font-size:16px;position:relative;border-radius:5px;overflow:hidden;} .popup form input[type="text"]{font-size:16px;display:block;-webkit-appearance:none;outline:none;border:none;height:48px;line-height:58px;padding:0 20px;width:100%;-webkit-box-shadow:0 0 0 1000px #fff inset;border:1px solid #fff;border-radius:5px;} .popup form input[type="text"]:focus {border:1px solid #0074b2;} .popup {margin:0rem auto;padding:40px 50px;max-width:800px;border-radius:3px;position:relative;top:50%;transform:translateY(-50%);} .popup input[type="submit"]{display:inline-block;position:absolute;right:0;top:0;line-height:50px;padding:0 45px;background:#0074b2;color:#fff;border:none;cursor:pointer;font-size:16px;font-weight:300;} .popup input[type="submit"]:hover{background:#035489;} .search-right .close{position:absolute;top:60px;right:40px;transition:all 200ms;font-size:40px;text-decoration:none;color:#fff;opacity:1;background:none;font-weight:200;} .search-right .close:hover {opacity:0.8;background:none;} /* common */ .img100 img{vertical-align:bottom;width:100%;} .pc-show{display: block;max-height:420px;} /* innbanner */ .subBanner{width:100%;position:relative;overflow:hidden;text-align:center;} .subBanner .contain{position:absolute;z-index:0;top:50%;left:50%;margin-left:-159px;margin-top:-177px;padding-top:126px;width:318px;height:177px;color:#fff;text-align:center;white-space:nowrap;} .subBanner .contain::after{content:"";position: absolute;width:318px;height:355px;background-image:url(../img/Banner-bg.png);background-size:auto;background-position:50% 50%;background-repeat:no-repeat;animation: 7s linear 0s normal none infinite rotate;top:0;left:0;} .subBanner .contain .en{font-size:14px;text-transform:uppercase;letter-spacing:3px;font-weight:300;} .subBanner .contain .cn{margin-top:8px;font-size:36px;letter-spacing:3px;} .subBanner .contain .cn h1{display:block;font-size:36px;line-height:48px;} .subBanner .contain .hr{margin-left:auto;margin-right:auto;width:54px;height:3px;border-radius:10px;margin-top:18px;background:#fff;} @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .L3_Nav .contain .r s:last-child{display: none} .L3_Nav{background-color:#f6f6f6;height:30px;line-height:30px;padding-top:10px;padding-bottom:10px} .L3_Nav .contain{width:1658px;margin:0 auto} .L3_Nav span.l{color:#195aba;font-size:15px;float:left;padding-left: 26px;background: url(../image/tree.png) left no-repeat;} .L3_Nav span.r s{margin-left:14px;margin-right:14px} .L3_Nav span.r .on{font-weight:700;color:#195aba} @media all and (max-width:1024px){ .subBanner{width:1240px;} } /*----ititle-----*/ .ititle{text-align:center;position:relative;} .ititle h3{display:block;font-weight:600;font-size:28px;line-height:40px;padding:19px 0 14px 0;position:relative;} .ititle p{display:block;font-size:18px;color:#999;} .ititlew{text-align:center;position:relative;color:#fff;} .ititlew h3{display:block;font-weight:600;font-size:28px;line-height:40px;padding:19px 0 14px 0;position:relative;} .ititlew p{display:block;font-size:18px;color:#fff;} .imar h3{padding:49px 0 12px 0;} /*----iabout-----*/ .iabout{margin:0 auto;padding-top:30px;text-align:center;} .iabout h3{display:block;font-weight:600;font-size:28px;line-height:40px;padding:24px 0 12px 0;position:relative;} .iabout span{display:block;width:1000px;margin:20px auto 0 auto;font-size:16px;line-height:32px;color:#666;} .iabout_li{width:1200px;padding:0 0 90px 0;margin:0 auto;} .abg{width:100%;padding:25px 0 90px 0;text-align:center;background:#f8f8f8;} .iabout_li ul.iabout_a{display:block;font-size:16px;width:1200px;padding-top:30px;margin:0 auto;} .iabout_li ul.iabout_a li{display:block;float:left;width:25%;padding:52px 0 0 0;background:url(../img/a1.png) no-repeat center 15px;} .iabout_li ul.iabout_a li:nth-child(2){background:url(../img/a2.png) no-repeat center 15px;} .iabout_li ul.iabout_a li:nth-child(3){background:url(../img/a3.png) no-repeat center 15px;} .iabout_li ul.iabout_a li:nth-child(4){background:url(../img/a4.png) no-repeat center 15px;} .iabout_li a{margin-top:60px;display:inline-block;width:160px;color:#fff;border-radius:25px;line-height:38px;text-align:center;background:#0074b2;} .iabout_li a:hover{text-decoration:none;} /*----ipro-----*/ .ipro_wrap{background:#f5f5f5;padding:30px 0 60px 0;} .zyjy_banner{width:1200px;height:250px;margin:30px auto 20px auto;position:relative;overflow:hidden;} .zyjy_banner ul{position:absolute;left:0;top:0} .zyjy_banner li{background:#fff;float:left;width:280px;height:240px;padding:1px;box-sizing:border-box;margin:0 10px;box-shadow:0 0 0 2px #fff inset;} .zyjy_banner li .img{width:278px;height:199px;overflow:hidden} .zyjy_banner li img{width:278px;height:199px;transition:.5s} .zyjy_banner li p{display:block;background:#fff;height:40px;line-height:40px;text-align:center} .zyjy_banner a.icon{display:block;width:60px;height:60px;line-height:60px;text-align:center;background:rgba(0, 116, 178, 0.76);color:white;position:absolute;top:90px;z-index:999;} .zyjy_banner a.prev{left:0;} .zyjy_banner a.next{right:0;} .zyjy_banner a.icon:hover{background:#f08200;text-decoration:none;} .zyjy_banners{width:1200px;height:250px;margin:30px auto 20px auto;position:relative;overflow:hidden;} .zyjy_banners ul{position:absolute;left:0;top:0} .zyjy_banners li{background:#fff;float:left;width:280px;height:240px;padding:1px;box-sizing:border-box;margin:0 10px;box-shadow:0 0 0 2px #fff inset;} .zyjy_banners li .img{width:278px;height:199px;overflow:hidden} .zyjy_banners li img{width:278px;height:199px;transition:.5s} .zyjy_banners li p{display:block;background:#fff;height:40px;line-height:40px;text-align:center} .zyjy_banners a.icon{display:block;width:60px;height:60px;line-height:60px;text-align:center;background:rgba(0, 116, 178, 0.76);color:white;position:absolute;top:90px;z-index:999;} .zyjy_banners a.prev{left:0;} .zyjy_banners a.next{right:0;} .zyjy_banners a.icon:hover{background:#f08200;text-decoration:none;} /*----icase-----*/ .icase{padding:30px 0 60px 0;background:#f8f8f8;} .cmar{padding:30px 0 60px 0;} /*数据统计滚动*/ .product-number-info {padding-top:37px;} .product-number-info .product-number-inner { width:1200px; margin: 0 auto; overflow:hidden; } .product-number-info ul { padding:0 0 0 0; } .product-number-info ul.q:after { content: ""; clear: both; display: table; } .product-number-info li{ float: left; width:25%; text-align:center; padding:23px 0 0 0; position:relative; } .product-number-info li:first-child { margin:0; } .product-number-info li b { font-weight:600; font-size:24px; line-height: 1; display: inline-block; position: relative; margin: 15px 0 10px; } .product-number-info li b i { font-style: normal; font-weight:600; } .product-number-info li b sup { position: absolute; font-size:16px; font-weight:100; right: -18px; top: -3px; } .product-number-info li b em { font-style: normal; font-size:16px; font-weight:100; padding-left:3px; position: relative; top: -4px; } .product-number-info li p{font-size:16px;} .product-number-info li.li-1{background:url(../img/c1.png) no-repeat center top;} .product-number-info li.li-2{background:url(../img/c2.png) no-repeat center top;} .product-number-info li.li-3{background:url(../img/c3.png) no-repeat center top;} .product-number-info li.li-4{background:url(../img/c4.png) no-repeat center top;} /*----inews-----*/ .inews_wrap{padding:30px 0 60px 0;} .inews_li{width:1200px;margin:0 auto;overflow:hidden;} .inews_li ul{display:block;width:1280px;padding:30px 0 0 0;} .inews_li ul li{width:277.5px;float:left;overflow:hidden;margin:0 30px 30px 0;color:#666;} .inews_li ul li em{display:table-cell;vertical-align: middle;width:277.5px;height:171.5px;overflow:hidden;text-align:center;background:#f5f5f5;} .inews_li ul li em img{max-width:277.5px;max-height:171.5px;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;} .inews_li ul li em img:hover {filter:alpha(opacity=70);transition:all 0.5 linear;-moz-transition:all 0.5 linear;-o-transition:all 0.5 linear;-webkit-transition:all 0.5 linear;-webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);} .inews_li ul li b{display:block;font-size:16px;font-weight:600;padding:8px 0;white-space:nowrap; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; text-overflow:ellipsis;overflow:hidden;} .inews_li ul li p{display:block;font-weight:500;white-space:nowrap; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; text-overflow:ellipsis;overflow:hidden;} .inews_li ul li i{display:block;font-style:normal;margin-top:8px;color:#999;} .inews_li ul li a:hover i{text-decoration:none;} /*--nabout--*/ .aboutus{width:1200px;margin:0 auto;padding:30px 0 66px 0;} .aboutus h3{display:block;font-weight:600;font-size:28px;text-align:center;line-height:40px;padding:19px 0 14px 0;position:relative;} .aboutus p{display:block;font-size:16px;line-height:32px;color:#666;margin-bottom:16px;} .floor_wrap{} .floor_8_1{width:1100px; margin:15px auto 0 auto;position:relative; height:433px;} .fmar{height:433px;} .floor_8_1 .list { display:inline-block; } .floor_8_1 .list li { background:url(../images/a12_05.png) no-repeat center; width:207px; height:207px;display:block; text-align:center;cursor:pointer;padding: 1% 2%;} .floor_8_1 .list li h3 { height:52px; line-height:52px; overflow: hidden; font-weight: normal; color:#232323232323; font-size:20px; margin: 0; margin-top: 20%;} .floor_8_1 .list li span {display:block;padding:0 10%;color: #999;} .floor_8_1 .list li i{ display:inline-block; width:45px; height:46px; background-position:-13px -0px; margin-top:46px;} .floor_8_1 .list li p { color: #cccccc; font-size:24px;font-family:"Impact";margin: 0; margin-top: 11%;} .floor_8_1 .list li:hover{ background:url(../images/a12_03.png) no-repeat center;width:207px; height:207px;} .floor_8_1 .list li:hover p{ color:#65a5d4;} .floor_8_1 .list li:hover h3{ color:#fff;} .floor_8_1 .list li:hover span{ color:#fff;} .floor_8_1 .list li:hover i{display:inline-block; width:45px; height:46px; background-position:-13px -57px;} .floor_8_1 .list li.li2 i{ background-position:-75px -0;width:40px;} .floor_8_1 .list li.li2:hover i{ background-position:-75px -57px;width:40px;} .floor_8_1 .list li.li3 i{ background-position:-139px -0;width:42px;} .floor_8_1 .list li.li3:hover i{ background-position:-139px -57px;width:42px;} .floor_8_1 .list li.li4 i{ background-position:-208px -0;width:39px;} .floor_8_1 .list li.li4:hover i{ background-position:-208px -57px;width:39px;} .floor_8_1 .list li.li5 i{ background-position:-275px -0;width:42px;} .floor_8_1 .list li.li5:hover i{ background-position:-275px -57px;width:42px;} .floor_8_1 .list li.li6 i{ background-position:-335px -0;width:46px;} .floor_8_1 .list li.li6:hover i{ background-position:-335px -57px;width:46px;} .floor_8_1 .list li.li7 i{ background-position:-395px -0;width:41px;} .floor_8_1 .list li.li7:hover i{ background-position:-395px -57px;width:41px;} .floor_8_1 .list li.li8 i{ background-position:-455px -0;width:45px;} .floor_8_1 .list li.li8:hover i{ background-position:-455px -57px;width:45px;} .floor_8_1 .list li.li9 i{ background-position:-519px -0;width:41px;} .floor_8_1 .list li.li9:hover i{ background-position:-519px -57px;width:41px;} .floor_8_1 .list li.li1{ position:absolute; left:0; top:0px;} .floor_8_1 .list li.li2{ position:absolute; left:124px; top:124px;} .floor_8_1 .list li.li3{ position:absolute; left:248px; top:0px;} .floor_8_1 .list li.li4{ position:absolute; left:372px; top:124px;} .floor_8_1 .list li.li5{ position:absolute; left:496px; top:0px;} .floor_8_1 .list li.li6{ position:absolute; left:620px; top:124px;} .floor_8_1 .list li.li7{ position:absolute; left:744px; top:0px;} .floor_8_1 .list li.li8{ position:absolute; left:868px; top:124px;} .floor_8_1 .list li.li9{ position:absolute; left:992px; top:0px;} /*contact*/ .contact{width:1200px;overflow:hidden;margin:0 auto;padding:30px 0 90px 0;} .contact ul{width:1280px;line-height:28px;margin-top:30px;} .contact ul li{display:block;float:left;width:275.5px;padding:80px 0 0 0;min-height:175px;text-align:center;margin:0 30px 0 0;background:#f8f8f8 url(../img/call.png) no-repeat center 30px;} .contact ul li:nth-child(2){background:#f8f8f8 url(../img/loc.png) no-repeat center 30px;} .contact ul li:nth-child(3){background:#f8f8f8 url(../img/weixin.png) no-repeat center 30px;} .contact ul li:last-child{background:#f8f8f8 url(../img/weixin.png) no-repeat center 30px;} .contact ul li img{width:100px;border:5px solid #fff;} .contact ul li i{display:block;font-style:normal;} .contact ul li b{display:block;font-weight:500;} /*-totop--*/ #totop{position:fixed;bottom:120px;right:15px;z-index:999;width:50px;cursor:pointer; display:none;}*html #totop{position:absolute;cursor:pointer;right:10px; display:none;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-60+"px")}#totop a{display:block;width:50px;height:50px;background:url(../img/top.png) no-repeat center center;border-radius:100%;}#totop a.cur{opacity:.8;background:url(../img/top.png) no-repeat center center;text-decoration:none;} /*marquee-box*/ .marquee-box {overflow:hidden;width: 100%;position: absolute;left: 0;top: 0} .marquee {width: 8000%;height: 60px} .wave-list-box {float: left} .wave-list-box ul {float: left;height: 60px;overflow: hidden;zoom: 1} .wave-list-box ul li {height: 60px;width: 100%;float: left;line-height: 30px;list-style: none} .wave-box {position: relative;height: 60px;margin-top:30px} /*footer*/ #footer-wrap{background:#111;color:#fff;} #footer {width: 1200px;margin: 0 auto;padding:60px 0 50px 0;} #footer-wrap a{color:#999;} #footer-wrap a:hover{color:#0074b2;} #footer dl {display: block;float: left;width:206px;} #footer dl dt{padding: 0 0 15px 0;position:relative;} #footer dl dt strong{font-weight:700;font-size:16px;} #footer dl dd {padding:7px 0 7px 15px;position:relative;color:#999;} #footer dl:nth-child(1) dd:before{ content: ""; width: 0; height: 0; position:absolute; left:0; top:13px; border-top:5px solid transparent; border-left:5px solid #999; border-bottom:5px solid transparent; } #footer dl:nth-child(2) dd:before{ content: ""; width: 0; height: 0; position:absolute; left:0; top:13px; border-top:5px solid transparent; border-left:5px solid #999; border-bottom:5px solid transparent; } #footer dl:nth-child(3) dd:before{ content: ""; width: 0; height: 0; position:absolute; left:0; top:13px; border-top:5px solid transparent; border-left:5px solid #999; border-bottom:5px solid transparent; } #footer dl:nth-child(4){} #footer dl:nth-child(4) dd{padding:7px 0 7px 22px;background:url(../img/tef.png) no-repeat left center;} #footer dl:nth-child(4) dd:nth-child(4){background:url(../img/local.png) no-repeat left center;} #footer dl:nth-child(4) dd:nth-child(5){background:url(../img/mail.png) no-repeat left center;} #footer dl.fwei {float:right;width:300px;text-align:center;} #footer dl.fwei dd{display:block;float:left;width:110px;padding:0;margin:0 0 0 60px;} #footer dl.fwei dd:first-child{margin:0;} #footer dl.fwei img {width:110px;border:5px solid #fff;} #footer dl.fwei dd i{display:block;margin-top:14px;font-weight:500;font-style:normal;padding:0 0 12px 35px;background:url(../img/wei.png) no-repeat 25px 2px;color:#999;} /*----ilink-----*/ .ilink_wrap{background:#111;border-top:1px dashed #222;} .ilink{width:1200px;margin:0 auto;padding:30px 0 31px 0;} .ilink_wrap h3{display:inline-block;font-size:14px;line-height:14px;font-weight:500;color:#555;} .ilink_wrap a{display:inline-block;margin:0 14px 14px 0;color:#555;} /*footer*/ #copyright{border-top:1px solid #333;color:#666;padding:15px 0 30px 0;text-align:center;background:#111;} #copyright p{display:block;line-height:14px;padding:15px 0 0 0;} #copyright p em{display:inline-block;margin:0 5px;} #copyright p a{color:#666;} @media all and (max-width:1024px){ #footer-wrap{width:1240px;} #copyright{width:1240px;} .ipro{padding:0 20px;} .inews_wrap{padding:0 20px;} .ipro_wrap{width:1240px;} .floor_wrap{width:1240px;} .icase{width:1240px;} .ilink_wrap{width:1240px;} .aboutus_wrap{width:1240px;} .contact{padding:30px 20px 120px 20px;} .ititle{width:1240px;} .iabout{width:1240px;} .product-number-info{width:1240px;} }