@charset "utf-8"; /*banner*/ .banner{ height:570px; } .banner a{ display:block; background:url(/uploads/image/csyimages/banner.jpg) no-repeat center 0;height:570px;} .g_we{background:url(/uploads/image/csyimages/webg.png) no-repeat center top;height: 256px; margin-bottom: 10px; margin-top: -47px;position: relative;} .g_we dl{padding: 33px 0 0 265px;} .g_we dd{float: left;width: 606px;margin-right: 39px;padding-top: 22px;} .g_we dd p{font-size: 15px;line-height: 28px;color: #555555;} .g_we dd p b{display: inline-block; width: 52px;height: 26px;line-height: 26px;border: 1px solid #00c0ff;text-align: center;font-size: 15px;color: #555555;font-weight: normal;margin-right: 6px;margin-left: 6px;} .g_we dd em{display: block;float: right;margin-top: 20px;} .g_we dt{float: left;width: 247px;height: 159px;} .g_we dt img{width: 247px;height: 159px;display: block; } /* 定制加工中心 */ .g_pro{height: 1650px;} .g_pro h2{background:url(/uploads/image/csyimages/dztit.jpg) no-repeat;height: 44px;text-align: center;font-size: 30px;font-weight: bold;color: #222222;} .g_pro h2 a{color: #222222;} .g_pro .little_title{height:80px;line-height:50px;} .g_pro .little_title em{display: block;font-size: 18px;color: #666666;font-weight: normal;text-align: center;} .g_pro .little_title strong{font-weight: normal;} .g_pro .m_cp{height: 500px;} .g_pro h3{height: 80px;padding-left: 34px;font-size: 24px;font-weight: bold;color: #555555;} .g_pro h3 a{color: #191919;} .g_pro h3 span{float: right;font-size: 18px;padding-right: 15px;padding-top: 13px;font-weight: normal;} .g_pro .m_cp1 h3{background:url(/uploads/image/csyimages/dztit2.jpg) no-repeat;} .g_pro .m_cp2 h3{background:url(/uploads/image/csyimages/dztit3.jpg) no-repeat;} .g_pro .m_cp3 h3{background:url(/uploads/image/csyimages/dztit4.jpg) no-repeat;} .g_pro dl{float: left;width: 904px;} .g_pro dt{float: left;width: 579px;height: 364px;} .g_pro dd{float: left;width: 270px;margin-left:15px;padding: 10px 15px 0 17px;height:353px;background: url(/uploads/image/csyimages/boxbg.jpg) repeat;border: 1px solid #e2e2e2;} .g_pro h4{background:url(/uploads/image/csyimages/cpstit.jpg) repeat-x 0 bottom;height: 48px;line-height: 48px;font-size: 18px;font-weight: normal;color: #222222;margin-bottom: 28px;text-align:center;} .g_pro h4 a{color: #222222;} .g_pro p{font-size: 14px;line-height: 26px;height: 156px;overflow: hidden; color: #333; margin-bottom: 22px;} .g_pro span a{display: block;width:142px;height:40px;line-height:40px;background: #0a51a1;text-align: center;font-size: 14px;color: #fff;border-radius:0px;margin:0 auto;} .g_pro span a:hover{background:#000088;} .g_pro .cplst{float: right;width: 282px;} .g_pro .cplst li{margin-bottom: 14px;position: relative;} .g_pro .cplst img{width: 282px;height: 175px;display: block;} .g_pro .cplst img:hover{background:#0a51a1;} .g_pro .cplst em{position: absolute;left:0px;bottom: 0px;width: 262px;padding:0px 10px;height: 30px;line-height: 30px;background:url(/uploads/image/csyimages/tm.png) no-repeat left top;text-align: center;font-size: 14px;color: #fff;overflow: hidden;} .g_pro .cplst em a{color:#fff;} .g_pro .m_cp2 .cplst{float: left;} .g_pro .m_cp2 dl{float: right;} .g_pro .m_cp2 dt{float: right;} .g_pro .m_cp2 dd{float: right;border-left: 1px solid #e2e2e2;margin-left:0px;margin-right:15px;} .index_toutiao{position: relative;} .index_toutiao a{color:#fff;font-weight:normal;} .index_toutiao_title{position: absolute;left:5px;bottom: 5px;width:569px;height:35px;background:url(/uploads/image/csyimages/tm.png) no-repeat left top;} .index_toutiao_title strong{display:block;width:100%;text-align:center;color:#fff;line-height:35px;} .g_pz{background:url(/uploads/image/csyimages/pzbg.jpg) no-repeat center top;height: 743px;padding-top: 80px;} .g_pz h2{height: 110px;text-align: center;font-size: 30px;font-weight: bold;color: #222222} .g_pz h2 em{display: block;font-size: 18px;color: #666666;text-transform: uppercase;font-weight: normal;} .g_pz dl{float: left;width: 400px;} .g_pz dt,.g_pz dt img{width: 400px;height: 275px;display: block;} .g_pz dd{padding: 45px 40px 0;width: 320px;height: 230px;background: #fff;} .g_pz dd h3{height: 38px;line-height: 38px;font-size: 20px;font-weight: bold;color: #333333;margin-bottom: 10px;} .g_pz dd h3 b{font-size: 30px;color: #00c0ff;position: relative;top:5px;padding-right: 5px;} .g_pz dd p{font-size: 14px;color: #666666;line-height: 26px;margin-bottom: 16px;} .g_pz dd span a{display: block;width: 140px;height: 40px;line-height: 40px;border: 1px solid #3333ff;background:#0a51a1;text-align: center;font-size: 14px;color: #fff;border-radius:0px;} .g_pz dd span a:hover{background:#000088;} /*合作*/ .g_an{ height: 1320px; padding-top: 80px; } .g_an h2{background:url(/uploads/image/csyimages/antit.jpg) no-repeat; height: 114px;text-align: center; } .g_an h2 a{color:#222222; font-size: 30px; text-decoration: none; font-weight: bold; } .g_an h2 em{display: block;font-size: 18px;color: #666666;font-weight: normal;} .g_an .u_ljt,.g_an .u_rjt{ width:26px; height:42px; position: absolute; cursor:pointer; display:block; z-index: 10;} .g_an .u_ljt{left:-53px;top:965px;} .g_an .u_rjt{right:-53px;top:965px;} .g_an .u_ljt a{ background: url(/uploads/image/csyimages/ljt.png) no-repeat; width:26px; height:42px; display:block;} .g_an .u_rjt a{ background: url(/uploads/image/csyimages/rjt.png) no-repeat; width:26px; height:42px; display:block;} .g_an .u_ljt a:hover,.g_an .u_rjt a:hover{background-position: -26px 0;} .g_an dt{float: right;width: 637px;height: 395px;} .g_an dt img{width: 637px;height: 395px;display: block;} .g_an dd{float: left;width: 462px;padding: 80px 61px 0 40px;height: 315px;background: #f2f2f2;} .g_an dd h3{height: 30px;line-height: 30px;font-size: 18px;font-weight: bold;color: #333333;margin-bottom: 26px;} .g_an dd h3 a{color: #333333;} .g_an dd .wz{height: 144px;text-indent:2em;} .g_an dd p{font-size: 14px;color: #666666;line-height: 24px;} .g_an dd p b{font-weight: normal;color: #222222;} .g_an dd span a{display: block;width: 140px;height: 40px;line-height: 40px;border: 1px solid #3333ff;background:#3333ff;text-align: center;font-size: 14px;color: #fff; margin-top:20px;border-radius:5px;} .g_an dd span a:hover{background:#000088;} /* 合作客户 */ .g_hz{height: 100px;margin-bottom:50px} .g_hz h2{float: left;width: 200px;height: 100px;line-height: 100px; background: #0a51a1;text-align: center;font-size: 24px;color: #fff;} .g_hz h2 a{color: #fff;} .g_hz h2 em{display: block;width: 113px;height: 28px;line-height: 28px;border: 1px solid #80e0ff;margin: 0 auto;text-align: center;font-size: 14px;color: #fff;font-weight: normal;margin-top: 10px;} .g_hz .m_hz{float: left;width: 1000px;border: 1px solid #f2f2f2;border-left: none;border-right: none;height: 98px;font-size: 12px;color: #e6e6e6} .g_hz .m_hz li{height: 98px;line-height: 98px;width:199px;text-align:center;font-size: 16px;color: #666666;display: block;float:left;border-right: 1px solid #f2f2f2;} .g_hz .m_hz li a{color: #666666;} .g_ys{padding-top: 80px;height: 940px;background: url(/uploads/image/csyimages/ysbg.jpg) no-repeat center top; overflow:hidden;} .g_ys h2{height: 114px;text-align: center; color:#222222; font-size: 30px; text-decoration: none; font-weight: bold; } .g_ys h2 em{display: block;font-size: 18px;color: #666666;font-weight: normal;} .g_ys .m_ys ul{padding-left: 140px;width: 1060px; height: 166px;} .g_ys .m_ys li{float: left;width: 138px;height: 112px;background: url(/uploads/image/csyimages/ystab1.png) no-repeat;padding-top: 40px;text-align: center;font-size: 20px;font-weight: bold;color: #fff; margin-right: 122px;} .g_ys .m_ys li em{display: block;} .g_ys .m_ys li.on{background: url(/uploads/image/csyimages/ystab2.png) no-repeat;} .g_ys .con{height: 660px;position:relative;} .g_ys .m_ys1c{background: url(/uploads/image/csyimages/yssha.jpg) no-repeat;width: 1160px;height: 160px;padding: 20px 0 0 40px;position:absolute;left:0;bottom:0;} .g_ys .con h3{width:450px;padding-left: 74px;font-size: 24px;font-weight: bold;color: #00c0ff;height: 100px; position: relative;} .g_ys .m_ysxq{width:630px;position:absolute;right:0;top:0; padding-top: 20px;} .g_ys .con h3 em{display: block;font-size: 20px;color: #222222;} .g_ys .con h3 span{display: block;font-size: 12px;color: #cacaca;text-transform: uppercase;font-weight: normal;letter-spacing: -1px;} .g_ys .con h3 b{position: absolute;width: 54px;height: 62px;text-align: center;padding-top: 20px;font-size: 30px;color: #fff;font-style: italic; left:0;top:0;} .g_ys .con p{font-size: 16px;line-height: 32px;color: #fff;margin-bottom: 5px;width: 620px;} .g_new{padding-top:82px;height: 866px;} .g_new h2{background:url(/uploads/image/csyimages/newtit.jpg) no-repeat; text-align: center;font-size: 30px;font-weight: bold;color: #222222;height: 100px;} .g_new h2 a{color: #222222;} .g_new h2 em{display: block;font-weight: normal;font-size: 18px;color: #666666;text-transform: uppercase;} .g_new .m_new{float: left;width: 600px;} .g_new .m_new h3{height: 58px;background:url(/uploads/image/csyimages/tit1.jpg) no-repeat;padding-left: 30px;font-size: 20px;font-weight: bold;color: #222222; } .g_new .m_new h3 a{color: #222222; } .g_new .m_new h3 span{text-transform: uppercase;font-weight: normal;color: #999999;font-size: 14px;padding-top: 12px;} .newcon{background: #f2f2f2;height: 642px;} .newcon dl{height: 135px;background:url(/uploads/image/csyimages/ddbg.jpg) repeat-x left bottom;} .newcon dt,.newcon dt img{width: 181px;height: 109px;display: block;float:left;padding:5px;} .newcon dd{padding: 20px 20px 0px 20px;float:left;width:369px;} .newcon dd h4{height: 34px;line-height: 34px;font-size: 16px;color: #111111;font-weight: bold;} .newcon dd h4 a{color: #111111;} .newcon dd h4 span{font-size: 14px;color: #999999;text-transform: uppercase;font-weight: normal;} .newcon dd p{font-size: 14px;line-height: 24px;color: #666666;height: 48px;overflow: hidden;} .newcon dd p a{color: #00c0ff;} .newcon .ttlst{margin-top: 20px; padding: 0 20px;} .newcon .ttlst li{font-size: 14px;height: 24px;line-height: 24px;overflow: hidden;color: #666666;margin-bottom: 10px;} .newcon .ttlst li a{color: #666} .m_wd{float: right;width: 553px;} .g_new .m_wd h3{height: 58px;background:url(/uploads/image/csyimages/tit2.jpg) no-repeat;padding-left: 30px;font-size: 20px;font-weight: bold;color: #222222; } .g_new .m_wd h3 a{color: #222222; } .g_new .m_wd h3 span{text-transform: uppercase;font-weight: normal;color: #999999;font-size: 14px;padding-top: 12px;} .m_wd dl{height: 120px;background: #f2f2f2;margin-bottom: 10px;} .m_wd dt{float: left;width: 120px;height: 110px;padding-top: 10px; text-align: center;font-size: 18px;color: #fff;background: #0a51a1;} .m_wd dt b{display: block;font-size: 48px;} .m_wd dd{float: left;width: 410px;padding: 20px 0 0 20px;} .m_wd dd h4{height: 26px;line-height: 26px;font-size: 14px;color: #222222;font-weight: normal;margin-bottom: 8px;} .m_wd dd h4 a{color: #222222;} .m_wd dd p{font-size: 14px;line-height: 26px;height: 52px;overflow: hidden; color: #666666;} .m_wd dd p a{color: #00c0ff;} .m_wd dl:hover dt{background:#cfcfcf;} .g_video{padding-top:0px;height: 750px;min-height: 750px;} .g_video h2{background:url(/uploads/image/csyimages/newtit.jpg) no-repeat; text-align: center;font-size: 30px;font-weight: bold;color: #222222;height: 100px;} .g_video h2 a{color: #222222;} .g_video h2 em{display: block;font-weight: normal;font-size: 18px;color: #666666;text-transform: uppercase;} .m_zt{background: #2b2b2b;border-top:1px solid #464646;} .m_zt_c{width:1200px;margin:0px auto;line-height:50px;min-height:50px;font-size:14px;color:#fff;} .m_zt_c span{display:block;float:left;} .m_zt_c a{display:block;float:left;padding-right:15px;color:#fff;} .g_zj{background:url(/uploads/image/csyimages/zjbg.jpg) no-repeat center top; height: 625px; padding-top: 85px;} .g_zj h2{text-align: center;font-size: 30px;font-weight: bold;color: #222222;height: 146px;} .g_zj h2 a{color: #222222;} .g_zj h2 em{display: block;font-weight: normal;font-size: 18px;color: #666666;text-transform: uppercase;} .g_zj dt{float: left;width: 528px; margin: 0 44px 0 26px;} .g_zj dt img{width: 528px;height: 371px;display: block;} .g_zj dd{float: left;width: 540px;padding-top: 25px; } .g_zj dd h3{ background:url(/uploads/image/csyimages/abtit.jpg) no-repeat 0 bottom;height: 80px;font-size: 18px;color: #222222;font-weight: bold;margin-bottom: 36px;} .g_zj dd h3 a{color: #222222;} .g_zj dd h3 b{display: block;font-size: 24px;color: #00c0ff;text-transform: uppercase;} .g_zj dd p{text-indent:2em;font-size: 14px;color: #666666;line-height: 26px;height: 154px;overflow: hidden;} .g_zj dd span a{display: block;margin-top: 20px;width: 138px;height: 40px;line-height: 40px;border: 1px solid #3333ff;background:#0a51a1;text-align: center;font-size: 14px;color: #fff;border-radius:0px;} .g_zj dd span a:hover{background:#000088;} /* 友情链接 */ .g_link{ height: 50px;padding-bottom:30px;background: #2b2b2b;} .link_c{line-height:50px;font-size: 14px;color:#fff;} .link_c a{display: inline-block; padding-right:15px; height: 50px; line-height:50px; color:#fff;} /* 自定义 */ .diy-phone{padding-left:30px; background:url(/uploads/image/csyimages/phone.gif) no-repeat left center;background-size:30px 30px;display: inline-block; height: 50px; line-height:50px;color:red;} .diy-phone em{font-weight:bold;font-size:22px;} .top_c h3{ float:left; padding: 8px 46px 0 0;} /* 页面最顶部自定义 */ .top_notice { height:35px; background: #efefef; } .top_notice .top_notice_content{ width:1200px; margin:0 auto; font-size:13px; } .top_notice .top_notice_content .top_notice_fl{ width:50%; float:left; line-height:35px; } .top_notice .top_notice_content .top_notice_fr{ width:50%; float:right; text-align:right; line-height:35px; } .top_notice .top_notice_content .top_notice_fr .fg{ display:inline-block; padding:0 5px; } /**视频**/ .video{width:1200px;height:675px;margin-bottom:20px;} /**生产实力**/ .sb{height:395px;overflow:hidden;} /***首页加粗***/ .cpc dl dd p strong{color:#f00;font-weight:normal;} /***首页设备新20171230***/ .index-shebei ul li{ width: 396px; float: left; margin-right: 6px; } .index-shebei .p2-hon-list-con1 li img { width: 100%; display: block; box-sizing: border-box; padding: 0px; background:none; } .index-shebei .p2-hon-list-con1 span { display: block; text-align: center; height: 40px; line-height: 40px; margin-bottom: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background:url(/uploads/image/csyimages/boxbg.jpg) repeat; } /*定制中心,幻灯片切换*/ /* 本例子css */ .slidebox{ width:579px; height:364px; overflow:hidden; position:relative; border:1px solid #ddd; } .slidebox .hd{ height:25px; overflow:hidden; position:absolute; right:25px; bottom:25px; z-index:1; } .slidebox .hd ul{ overflow:hidden; zoom:1; float:left; } .slidebox .hd ul li{ float:left; margin-right:2px;width:15px; height:15px; padding:5px;line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slidebox .hd ul li.on{ background:#f00; color:#fff; } .slidebox .bd{ position:relative; height:100%; z-index:0; } .slidebox .bd li{ zoom:1; vertical-align:middle; } .slidebox .bd img{width: 579px;height: 364px;display: block;} /* 下面是前/后按钮代码,如果不需要删除即可 */ .slidebox .prev, .slidebox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/uploads/image/csyimages/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slidebox .next{ left:auto; right:3%; background-position:8px 5px; } .slidebox .prev:hover, .slidebox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slidebox .prevstop{ display:none; } .slidebox .nextstop{ display:none; } /***放大大图边框***/ .trans_msg img{border:1px solid #333;}