@charset "utf-8"; /* ab模版网 做最好的织梦整站模板下载网站 www.adminbuy.cn */ /* qq:9490489 */ /* 仿站:fang.adminbuy.cn */ /* 素材:sc.adminbuy.cn */ /* js特效:js.adminbuy.cn */ /*banner*/ .banner { position: relative; height: 680px; overflow: hidden; clear: both; } .ban_p, .ban_p li { height: 680px; overflow: hidden; } .ban_p li a { display: block; height: 680px; background: no-repeat center 0; } .ban_t { width: 1100px; height: 50px; bottom: 60px; left: 50%; margin-left: -550px; position: absolute; text-align: center; } .ban_t em { width: 16px; height: 16px; border-radius: 16px; margin-right: 10px; display: inline-block; background: #d4d4d4; } .ban_t em.on { background: #e3232f; } .til01 { text-align: center; height: 159px; color: #2b2b34; font-size: 40px; line-height: 64px; font-family: "microsoft yahei"; background: url(/uploads/image/mimages/tilbg1.png) no-repeat center 63px; } .til01 p { color: #767676; display: block; font-weight: normal; line-height: 46px; font-size: 20px; } .til01 a { color: #2b2b34; } /*搜索*/ .seabox { height: 66px; line-height: 40px; margin-top: 30px; position: relative; } .keyword { width: 455px; padding: 0 0 0 0; white-space: nowrap; } .keyword a { padding: 0 6px; display: inline-block; white-space: nowrap; } .sea_inp { width: 320px; height: 37px; overflow: hidden; border: solid 1px #edeceb; border-radius: 19px; } .sea_inp .serach { width: 256px; height: 37px; border: 0; background: none; line-height: 37px; color: #555; padding: 0 0 0 17px; float: left; outline: none; display: block; font-size: 14px; } .sea_inp .sub { width: 45px; height: 37px; float: left; cursor: pointer; display: block; background: url(/uploads/image/mimages/sea_ico.gif) no-repeat 10px 7px; border: 0; } /*我们*/ .webox { background: #edeceb; height: 240px; padding: 19px 0 0; font-family: "microsoft yahei"; line-height: 50px; color: #737373; overflow: hidden; } .webox_p { margin: 0 22px 0 0; } .webox_p, .webox_p img { width: 340px; height: 217px; display: block; overflow: hidden; } .webox_w { width: 758px; padding: 0 0 0 40px; } .webox_w h3 { height: 82px; line-height: 82px; font-size: 24px; color: #3d3d3d; } .webox_w h3 b { color: #0099cc; } .webox_w p { height: 94px; overflow: hidden; } .webox_w span { display: block; text-align: right; } /*加工范围*/ .range { padding: 39px 0 0; font-family: "microsoft yahei"; height: 501px; line-height: 24px; color: #737373; position: relative; z-index: 9; } .range_c dl { position: relative; width: 281px; float: left; margin: 0 25px 0 0; } .range_c dl.born { margin: 0; } .range_c dt, .range_c dt img { width: 281px; height: 219px; display: block; overflow: hidden; } .range_c dd { width: 201px; height: 170px; display: block; position: absolute; left: 14px; top: 150px; padding: 18px 26px 0; background: url(/uploads/image/mimages/range_lbg.png) no-repeat center 0; } .range_c dd h3 { height: 64px; display: block; line-height: 64px; font-size: 18px; color: #2b2b34; text-align: center; } .range_c dd h3 a { display: block; color: #2b2b34; } .range_c dl:hover dd { border-bottom: solid 4px #0099cc; } .range_c dl:hover dd h3, .range_c dl:hover dd h3 a { color: #0099cc; } /*产品中心*/ .probox { height: 935px; padding: 100px 0 0; font-family: "microsoft yahei"; margin-top: -5px; } .pro_nav { width: 282px; background: #fff; height: 700px; overflow: hidden; } .pro_nav h2 { font-size: 30px; line-height: 36px; height: 79px; overflow: hidden; color: #fff; background: #0099cc; padding: 24px 0 0 34px; } .pro_nav h2 span { font-size: 24px; line-height: 24px; display: block; font-weight: normal; font-family: arial; opacity: 0.5; text-transform: uppercase; } .pro_nav h2 a { color: #fff; } .pro_nl { height: 480px; overflow: hidden; padding: 8px 2px 0; } .pro_nl h3 { clear: both; height: 52px; line-height: 52px; font-size: 16px; display: block; white-space: nowrap; width: 260px; background-color: #ececeb; margin-left: 10px; margin-bottom: 8px; } .pro_nl h3:last-child { border: 0; } .pro_nl h3 a { display: block; background: url(/uploads/image/mimages/nav_ico1.png) no-repeat 9px 13px; padding: 0 0 0 39px; color: #666; } .pro_nl ul { display: block; padding: 8px 0 0 10px; } .pro_nl li { height: 50px; line-height: 50px; position: relative; white-space: nowrap; width: 240px; padding-left: 20px; background-color: #ececeb; margin-bottom: 2px; } .pro_nl li a { display: block; color: #737373; } .pro_nl h3:hover a, .pro_nl h3 a:hover { color: #0099cc; background-position: 9px -37px; } .pro_pho, .pro_pho img { display: block; width: 282px; height: 92px; overflow: hidden; } .pro_list { width: 881px; overflow: hidden; height: 700px; } .pro_gg { height: 427px; overflow: hidden; margin-bottom: 15px; } .prev, .next { width: 37px; height: 82px; right: 0; top: 180px; display: block; z-index: 9; background: url(/uploads/image/mimages/next1.gif) no-repeat 0 0; } .prev { left: 0; background: url(/uploads/image/mimages/prev1.gif) no-repeat 0 0; } .prev2, .next2 { top: 455px; } .prev2 { left: 359px; } .prev:hover, .next:hover { background-position: 0 bottom; } .pro_gc, .pro_gc dt, .pro_gc dt img { width: 881px; height: 427px; overflow: hidden; } .pro_gc dl { position: relative; line-height: 30px; } .pro_gc dd { position: absolute; width: 242px; height: 240px; right: 84px; top: 108px; z-index: 2; } .pro_gc dd h3 { height: 60px; font-size: 20px; line-height: 38px; color: #363739; } .pro_gc dd h3 a { color: #363739; display: block; } .pro_wz { height: 130px; overflow: hidden; } .more01 a { display: block; width: 128px; line-height: 33px; border: solid 1px #0099cc; background: #fff; color: #0099cc; text-align: center; border-radius: 16px; } .pro_list ul { width: 1000px; } .pro_list li { width: 288px; float: left; margin: 0 10px 0 0; } .pro_list li p { border: solid 1px #eaeaea; } .pro_list li p, .pro_list li p img { width: 286px; height: 214px; display: block; overflow: hidden; } .pro_list li span { display: block; line-height: 39px; height: 39px; z-index: 1; background: #737373; color: #fff; text-align: center; } .pro_list li span a { color: #fff; } .pro_list li img, .pro_gc dt img, .range_c dt img, .webox_p img, .case_c dt img, .about_p img, .newbox dt img, .show_c li img { -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } .pro_list li img:hover, .pro_gc dt img:hover, .range_c dt img:hover, .webox_p img:hover, .case_c dt img:hover, .about_p img:hover, .newbox dt img:hover, .show_c li img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /*优势*/ .edge { line-height: 24px; color: #737373; font-family: "microsoft yahei"; padding: 88px 0 66px; font-size: 16px; position: relative; padding: 128px 0 0; background: no-repeat center 232px; } .edge h2 { position: absolute; left: 0; top: -64px; } .edge h3 { height: 97px; font-size: 28px; color: #0099cc; line-height: 38px; } .edge h3 em { display: block; font-weight: normal; font-style: normal; font-family: arial; font-size: 14px; color: #a8a8a8; text-transform: uppercase; line-height: 17px; } .edge li { clear: both; padding: 0 0 12px 23px; background: no-repeat 2px 9px; } .edge1 { height: 430px; } .edge2 { height: 273px; } .edge3 { height: 339px; } .edge4 { height: 324px; } .edge_p1 { width: 519px; } .edge_w1 { width: 520px; padding: 46px 0 0; } .edge_ico1 { top: 39px; left: 564px; } .edge_p2 { width: 539px; top: -120px; right: 0; } .edge_w2 { width: 404px; left: 122px; top: -58px; white-space: nowrap; } .edge_w2 h3, .edge_w4 h3 { text-align: right; } .edge_ico2 { top: -58px; left: 564px; } .edge_p3 { width: 540px; left: 5px; top: -46px; } .edge_w3 { width: 520px; } .edge_ico3, .edge_ico4 { top: 2px; left: 564px; } .edge_p4 { width: 547px; top: -96px; right: 0; } .edge_w4 { width: 362px; padding: 0 0 0 158px; } .edge_w4 ul { margin: 0 0 0 80px; } /*设备*/ .show { font-family: "microsoft yahei"; background: url(/uploads/image/mimages/showbg.png) no-repeat center 0; margin-top: -102px; position: relative; padding: 127px 0 0; height: 929px; } .show .til01, .newbox .til01 { color: #fff; height: 130px; } .show .til01 p, .show .til01 a, .newbox .til01 a, .newbox .til01 p { color: #fff; } .showtil { height: 91px; font-size: 18px; text-align: center; color: #fff; padding: 0 0 0 430px; } .showtil li { width: 164px; line-height: 48px; float: left; background: #868686; margin: 0 9px 0 0; } .showtil li.cur { background: #e3232f; font-weight: bold; } .show_c ul { width: 1210px; position: relative; } .show_c li { position: relative; float: left; margin: 0 7px 7px 0; } .show_c li span { position: absolute; width: 100%; left: 0; bottom: 0; height: 30px; line-height: 30px; text-align: center; color: #fff; background: rgba(0 , 0 , 0 , 0.4); } .show_c li span a { color: #fff; display: block; } .show_c li, .show_c li img { width: 293px; height: 220px; display: block; overflow: hidden; } .show_c li.show_l1, .show_c li.show_l1 img { width: 598px; height: 448px; } .show_c li.show_l1 span { height: 35px; line-height: 35px; font-size: 16px; } .show_c li.show_l2 { position: absolute; left: 0; top: 227px; } /*案例*/ .case { font-family: "microsoft yahei"; margin-top: -32px!important; position: relative; height: 816px; line-height: 24px; } .case_t { width: 345px; text-align: center; } .case_t li { width: 169px; height: 197px; float: left; margin: 0 3px 3px 0; background: #787878; color: #fff; font-size: 16px; line-height: 22px; } .case_t li a { color: #fff; display: block; } .case_t li em { display: block; font-size: 12px; line-height: 14px; font-family: arial; opacity: 0.3; text-transform: uppercase; } .case_t li span { width: 53px; height: 53px; display: block; margin: 35px auto 10px; position: relative; overflow: hidden; } .case_t li span i { width: 53px; height: 53px; position: absolute; display: block; top: 0; left: 0; } .case_t li span i.default { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .case_t li span i.hover { opacity: 1; visibility: visible; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg); transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .case_t li.cur span .default { opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg); transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg); } .case_t li.cur span .hover { opacity: 1; visibility: visible; -webkit-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); } .case_t li.cur { background: #0099cc; } .case_c { width: 841px; } .case_c dl { background: #ebebeb; height: 597px; } .case_c dt, .case_c dt img { width: 841px; height: 479px; display: block; overflow: hidden; } .case_c dd { padding: 10px 26px 0; } .case_c dd h3 { font-size: 20px; line-height: 44px; color: #363739; height: 44px; overflow: hidden; } .case_c dd h3 a { color: #363739; display: block; } .case_c dd p a { color: #0099cc; display: inline-block; } /*资讯*/ .newbox { font-family: "microsoft yahei"; overflow: hidden; line-height: 24px; height: 983px; padding: 113px 0 0; background: url(/uploads/image/mimages/newbg.jpg) no-repeat center 0; color: #aaacab; } .new1 { width: 572px; } .new2 { width: 569px; } .newtil { height: 62px; line-height: 50px; font-size: 24px; color: #fff; background: no-repeat 102px 18px; font-weight: normal; } .newtil a { display: inline-block; color: #fff; } .newtil span { font-size: 14px; font-weight: normal; float: right; } .new_c1 dl { height: 469px; } .new_c1 dt, .new_c1 dt img { width: 572px; height: 322px; display: block; overflow: hidden; } .new_c1 dd { padding: 22px 20px 0; } .new_c1 dd h4 { height: 50px; line-height: 30px; font-size: 18px; font-weight: normal; color: #fff; } .new_c1 dd h4 em { display: block; float: left; width: 73px; line-height: 26px; border-radius: 13px; background: #0099cc; margin: 0 12px 0 0; font-size: 16px; text-align: center; } .new_c1 dd h4 a, .new_c1 dd p a, .new_c2 dd h4 a, .new_c2 dd p a, .faqs h3 a, .faqs_c p a { color: #fff; } .new_c1 ul { height: 101px; background: #404040; padding: 25px 21px; } .new_c1 li { height: 36px; line-height: 36px; overflow: hidden; background: no-repeat 0 14px; padding: 0 0 0 12px; } .new_c1 li span { float: right; } .new_c1 li a { display: inline-block; color: #aaacab; } .new_c2 { height: 285px; } .new_c2 dl { height: 142px; } .new_c2 dt, .new_c2 dt img { height: 124px; width: 221px; float: left; overflow: hidden; } .new_c2 dd { width: 315px; float: right; overflow: hidden; padding: 5px 0 0; } .new_c2 dd h4 { height: 55px; line-height: 55px; overflow: hidden; font-size: 16px; font-weight: normal; } .faqs { background: #404040; } .faqs h3 { height: 82px; background: no-repeat 0 21px; line-height: 68px; font-weight: normal; font-size: 24px; color: #fff; padding: 0 0 0 27px; } .faqs_c { padding: 34px 20px 0 31px; } .faqs_c h4 { height: 35px; background: url(/uploads/image/mimages/ico03.gif) no-repeat 0 0; padding: 0 0 0 36px; line-height: 20px; color: #aaacab; } .faqs_c h4 a { color: #aaacab; } .faqs_c h4.sidenavcur { background: url(/uploads/image/mimages/ico04.gif) no-repeat 0 0; color: #fff; } .faqs_c h4.sidenavcur a { color: #fff; } .faqs_c p { height: 96px; } /*关于*/ .abobox { font-family: "microsoft yahei"; line-height: 30px; color: #737373; margin-top: -32px!important; position: relative; text-align: center; } .about_w { padding: 4px 68px 0; } .about_w h3 { height: 80px; overflow: hidden; line-height: 80px; font-size: 24px; color: #2b2b34; } .about_w h3 a { color: #2b2b34; } .about_w p { display: block; height: 88px; overflow: hidden; } .about_w span a { color: #fff; width: 186px; line-height: 43px; display: block; text-align: center; background: no-repeat 0 0; font-size: 16px; height: 67px; margin: 0 auto; } /*.about_p,.about_p img{width:1200px;height: 426px;display: block;overflow: hidden;}*/ /*友情链接*/ .link { height: auto; line-height: 30px; font-family: "microsoft yahei"; color: #7e7e7e; overflow: hidden; white-space: nowrap; background: #1a1a1a; } .link p { width: 960px; float: left; word-break: break-word; } .link a { color: #7e7e7e; padding: 0 10px; float: left; } .link h3 { display: block; width: auto; color: #e3232f; float: left; font-size: 18px; } .link h3 span { font-family: arial; font-size: 18px; color: #8c8d8e; font-weight: normal; }