/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ @charset "utf-8"; /* css document */ /*bannner*/ .banner { overflow: hidden; width: 100%; height: 500px; /*background:url(/uploads/image/simg/banner.jpg) no-repeat center;*/ } /*search*/ .search { overflow: hidden; width: 100%; border-bottom: 1px solid #e7e7e7; height: 30px; padding:15px 0 15px 0 } .search p { float: left; line-height: 30px; font-size: 14px; color: #666 } .search p a { color: #666; margin: 0 10px; } .search .sbox { overflow: hidden; float: right; width: 306px; height: 30px; } .search .sbox input { display: block; float: left; width: 215px; height: 28px; line-height: 28px; padding: 0 10px; border: 1px solid #e7e7e7; border-right: none; font-size: 14px; color: #666 } .search .sbox span { display: block; float: right; cursor: pointer; width: 70px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; background-color: #ffbf00; } .title { overflow: hidden; width: 100%; } .title h2 { text-align: center; font-size: 30px; color: #006bbd; } .title h2 a { color: #006bbd } .title b { display: block; text-align: center; font-size: 16px; color: #666; text-transform: uppercase; margin-top: 3px; } .title i { display: inline-block; width: 73px; height: 1px; background-color: #e0e0e0; margin: 0 15px; position: relative; top: -6px; } .title i { *display:inline } .title.wt h2, .title.wt a, .title.wt b { color: #fff; } .title.wt i { background-color: #fff; } /*客户*/ .customer { overflow: hidden; width: 1120px; margin: 50px auto; } .customer .khbox { overflow: hidden; width: 100%; margin-top: 30px; height: 145px; position: relative } .customer .khbox span { display: block; width: 36px; height: 36px; cursor: pointer; position: absolute; top: 40px; } .customer .khbox .btn01 { background: url(/uploads/image/simg/btn01.jpg) no-repeat center top; left: 0 } .customer .khbox .btn02 { background: url(/uploads/image/simg/btn02.jpg) no-repeat center top; right: 0 } .customer .khbox span:hover { background-position: bottom } .customer .khshow { overflow: hidden; width: 1200px; margin: 0 auto; height: 145px; position: relative } .customer .khshow ul { overflow: hidden; position: absolute } .customer .khshow li { float: left; width: 235px; height: 145px; margin-right: 20px; } .customer .khshow li img { display: block; border: 1px solid #e7e7e7; margin-bottom: 10px; } .customer .khshow li a { display: block; text-align: center; font-size: 14px; color: #666 } /*pro*/ .pro { overflow: hidden; width: 1200px; margin: 0 auto } .pro ul { overflow: hidden; width: 100%; margin-top: 30px; margin-bottom: 25px; } .pro li { float: left; width: 280px; margin-right: 26px; margin-bottom: 20px; } .pro li:nth-child(4){ margin-right: 0; float:right} .pro li:nth-child(8){ margin-right: 0; float:right } .pro li a { display: block; text-decoration: none } .pro li img { display: block; } .pro li span { display: block; width: 100%; height: 35px; text-align: center; line-height: 35px; font-size: 14px; color: #fff; background-color: #006bbd; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .pro li:hover span { background-color: #ffbf00; } .pro .more { display: block; width: 208px; height: 53px; text-align: center; font-size: 14px; color: #fff; text-decoration: none; margin: 0 auto; line-height: 48px; background: url(/uploads/image/simg/pro_more.png) no-repeat center } /*顾虑*/ .gulv { overflow: hidden; width: 100%; height: 568px; border-top: 1px solid #c8c8c8; background: url(/uploads/image/simg/yiwen.jpg) no-repeat center top; margin-top: 30px; } .gulv .wen { overflow: hidden; float: right; margin-top: 55px; } .gulv .wen h3 { font-size: 28px; color: #006bbd; margin-bottom: 10px; } .gulv .wen b { font-size: 16px; color: #666; font-family: arial; padding-bottom: 20px; border-bottom: 1px solid #c8c8c8; margin-bottom: 20px; display: block; text-transform: uppercase; line-height: 24px; } .gulv .wen p { font-size: 16px; color: #666; line-height: 48px; } /*优势*/ .youshi { overflow: hidden; width: 100%; padding: 60px 0; background: url(/uploads/image/simg/youshi_bg.jpg) repeat center; } .youshi .ysbox { overflow: hidden; width: 1200px; margin: 0 auto; height: 365px; background: url(/uploads/image/simg/youshi_tu.png) no-repeat center 20px; margin-top: 45px; } .youshi .ysleft { width: 420px; float: left } .youshi .ysright { width: 420px; float: right } .youshi .ysleft .ys { overflow: hidden; padding-left: 85px; min-height:70px } .youshi .ysright .ys { overflow: hidden; padding-right: 85px; text-align: right } .youshi h3 { font-size: 18px; color: #006bbd; margin-bottom: 12px; } .youshi p { font-size: 16px; color: #666; line-height: 23px; } .youshi .ys01 { background: url(/uploads/image/simg/youshi01.png) no-repeat left top } .youshi .ys02 { background: url(/uploads/image/simg/youshi02.png) no-repeat left top } .youshi .ys03 { background: url(/uploads/image/simg/youshi03.png) no-repeat left top } .youshi .ys04 { background: url(/uploads/image/simg/youshi04.png) no-repeat right top } .youshi .ys05 { background: url(/uploads/image/simg/youshi05.png) no-repeat right top } .youshi .ys06 { background: url(/uploads/image/simg/youshi06.png) no-repeat right top } .youshi .ys { margin-bottom: 55px; margin-top: 15px; } /*case*/ .case { overflow: hidden; width: 100%; height: 632px; background: url(/uploads/image/simg/case_bg.jpg) no-repeat center top; padding-top: 60px; } .case .casebox { overflow: hidden; width: 1110px; margin: 0 auto; height: 420px; margin-top: 30px; position: relative; margin-bottom: 25px; } .case .casebox span { display: block; width: 36px; height: 36px; cursor: pointer; position: absolute; top: 210px; } .case .casebox .btn01 { left: 0; background: url(/uploads/image/simg/btn01.jpg) no-repeat center bottom } .case .casebox .btn02 { right: 0; background: url(/uploads/image/simg/btn02.jpg) no-repeat center bottom } .case .caseshow { overflow: hidden; width: 1000px; height: 420px; margin: 0 auto } .case .item { overflow: hidden; position: absolute } .case .item i { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50) } .case .item b { display: none; font-weight: normal; width: 100%; height: 53px; line-height: 53px; text-align: center; font-size: 14px; color: #fff; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); position: absolute; left: 0; bottom: 0 } .case .item.active b { display: block } .case .item.active i { display: none } .case .item.active { border: 10px solid #fff; } .case .more { display: block; width: 208px; height: 53px; text-align: center; font-size: 14px; color: #fff; text-decoration: none; margin: 0 auto; line-height: 48px; background: url(/uploads/image/simg/pro_more.png) no-repeat center } /*实力*/ .shili { overflow: hidden; width: 100%; } .shili .slt { overflow: hidden; width: 100%; height: 301px; background: url(/uploads/image/simg/shili_01.jpg) no-repeat center; } .shili .youshi01 { overflow: hidden; width: 100%; height: 402px; background: url(/uploads/image/simg/shili_02.jpg) no-repeat center; } .shili .youshi02 { overflow: hidden; width: 100%; height: 331px; background: url(/uploads/image/simg/shili_03.jpg) no-repeat center; } .shili .youshi03 { overflow: hidden; width: 100%; height: 319px; background: url(/uploads/image/simg/shili_04.jpg) no-repeat center; } .shili .youshi04 { overflow: hidden; width: 100%; height: 334px; background: url(/uploads/image/simg/shili_05.jpg) no-repeat center; } .shili h2 { text-align: center; font-size: 30px; color: #006bbd; margin-top: 65px; background: url(/uploads/image/simg/shili_h.png) no-repeat center; } .shili h2 span { display: block; font-size: 20px; color: #666; font-weight: normal; margin-top: 5px; } .shili h3 { font-size: 20px; color: #006bbd; margin-bottom: 5px; } .shili h4 { font-weight: normal; font-size: 16px; color: #333; margin-bottom: 30px; } .shili p { font-size: 16px; color: #666; line-height: 24px; padding-left: 10px; background: url(/uploads/image/simg/shili_p.jpg) no-repeat left 9px; margin-bottom: 15px; } .shili b { display: block; font-size: 14px; color: #333; margin: 20px 0 5px 0 } .shili b em { font-weight: bold; color: #006bbd; font-size: 18px; } .shili a { display: block; width: 208px; height: 53px; text-align: center; font-size: 14px; color: #fff; text-decoration: none; line-height: 48px; background: url(/uploads/image/simg/pro_more.png) no-repeat center } .shili .wen { overflow: hidden; width: 375px; } .shili .wen01, .shili .wen03 { margin-left: 625px; } .shili .wen02, .shili .wen04 { margin-left: 50px; } /*流程*/ .liucheng { overflow: hidden; width: 100%; height: 237px; background: url(/uploads/image/simg/liucheng_bg.jpg) no-repeat center top; padding-top: 60px; } .liucheng .lcbox { overflow: hidden; width: 1200px; margin: 0 auto; height: 110px; position: relative; margin-top: 25px; } .liucheng ul { overflow: hidden; width: 102%; } .liucheng li { float: left; width: 81px; margin: 0 86px 0 37px; height: 110px; } .liucheng li em { display: block; width: 26px; height: 22px; text-align: center; line-height: 22px; font-size: 16px; color: #fff; background-color: #006bbd; margin: 0 auto; position: relative; z-index: 2 } .liucheng li b { display: block; width: 75px; height: 65px; background-color: #fff; border: 3px solid #006bbd; margin: 0 auto; margin-top: -14px; } .liucheng li i { display: block; width: 50px; height: 50px; margin: 0 auto; margin-top: 12px; } .liucheng li span { display: block; text-align: center; font-size: 14px; color: #666; margin-top: 10px; } .liucheng li .i01 { background: url(/uploads/image/simg/liucheng01.png) no-repeat center top; } .liucheng li .i02 { background: url(/uploads/image/simg/liucheng02.png) no-repeat center top; } .liucheng li .i03 { background: url(/uploads/image/simg/liucheng03.png) no-repeat center top; } .liucheng li .i04 { background: url(/uploads/image/simg/liucheng04.png) no-repeat center top; } .liucheng li .i05 { background: url(/uploads/image/simg/liucheng05.png) no-repeat center top; } .liucheng li .i06 { background: url(/uploads/image/simg/liucheng06.png) no-repeat center top; } .liucheng li:hover em { background-color: #ffbf00; } .liucheng li:hover b { border-color: #ffbf00 } .liucheng li:hover i { background-position: bottom } /*ad*/ .ad { overflow: hidden; width: 100%; height: 288px; background: url(/uploads/image/simg/ad01.jpg) no-repeat center; } /*保障*/ .baozhang { overflow: hidden; width: 1200px; margin: 60px auto; } .baozhang .bzbox { overflow: hidden; width: 100%; height: 345px; position: relative; margin-top: 25px; } .baozhang .bzbox ul { overflow: hidden; position: absolute } .baozhang .bzbox li { overflow: hidden; float: left; width: 240px; height: 345px; margin-right: 13px; } .baozhang .bzbox li img { display: block } .baozhang .bzbox .wen { overflow: hidden; width: 218px; height: 192px; border: 1px solid #dedede; padding: 0 10px; } .baozhang .bzbox h3 { font-size: 14px; margin-top: 14px; color: #333 } .baozhang .bzbox h3 a { color: #333 } .baozhang .bzbox p { font-size: 14px; line-height: 24px; color: #666; height: 72px; overflow: hidden; margin-top: 15px; margin-bottom: 10px; } .baozhang .bzbox .more { font-size: 14px; color: #006bbd; } /*about*/ .about { overflow: hidden; width: 1200px; height: 322px; margin: 0 auto; margin-bottom: 30px; } .about img { display: block; float: left; } .about .wen { overflow: hidden; float: right; width: 675px; } .about h2 { font-size: 24px; margin-bottom: 20px; } .about h2 a { color: #006bbd } .about h2 b { margin-left: 25px; font-size: 24px; color: #999; text-transform: uppercase; } .about p { font-size: 14px; color: #666; line-height: 30px; height: 210px; overflow: hidden; text-align: justify } .about .more { display: block; width: 139px; height: 53px; font-size: 14px; color: #fff; background: url(/uploads/image/simg/about_btn.png) no-repeat center; line-height: 50px; text-align: center; margin-top: 10px; text-decoration: none } /*资质*/ .zizhi { overflow: hidden; width: 1200px; margin: 0 auto; height: 250px; } .zizhi .topti { overflow: hidden; width: 100%; margin-bottom: 15px; background: url(/uploads/image/simg/zizhi.png) no-repeat 140px 25px; } .zizhi h2 { float: left; font-size: 18px; } .zizhi h2 a { color: #006bbd; } .zizhi h2 b { font-size: 14px; color: #999; display: block; margin-left: 20px; text-transform: uppercase } .zizhi .more { display: block; float: right; font-size: 14px; color: #006bbd; font-weight: bold; text-transform: uppercase } .zizhi .zzbox { overflow: hidden; width: 100%; height: 200px; position: relative } .zizhi .zzbox ul { overflow: hidden; position: absolute } .zizhi .zzbox li { float: left; width: 235px; height: 200px; margin-right: 20px; } .zizhi .zzbox li img { display: block; margin-bottom: 10px; } .zizhi .zzbox li a { display: block; text-align: center; font-size: 14px; color: #666; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } /*news*/ .news { overflow: hidden; width: 1200px; margin: 30px auto } .news .newsleft { overflow: hidden; float: left; width: 840px; border: 1px solid #eee; height: 390px; } .news .newsright { overflow: hidden; width: 340px; float: right; border: 1px solid #eee; height: 390px; } .news .menu { overflow: hidden; width: 100%; height: 47px; background: url(/uploads/image/simg/news_t.png) left top repeat-x; margin-bottom: 25px; } .news .menu ul { overflow: hidden; float: left; } .news .menu li { float: left; font-size: 18px; font-weight: bold; width: 125px; line-height: 47px; height: 47px; text-align: center; } .news .menu li a { color: #666; text-decoration: none } .news .menu li.cur { background-color: #006bbd; } .news .menu li.cur a { color: #fff; } .news .menu .more { display: block; float: right; font-size: 14px; color: #006bbd; margin: 15px 10px; text-transform: uppercase; font-weight: bold } .news .menu h2 { float: left; font-size: 18px; color: #006bbd; line-height: 47px; margin: 0 10px; } .news .menu h2 a { color: #006bbd; text-decoration: none } .news .nbox { overflow: hidden; width: 790px; margin: 0 auto; height: 310px; position: relative } .news .nlist { overflow: hidden; width: 100%; height: 100%; } .news .ntop { overflow: hidden; width: 100%; height: 154px; margin-bottom: 20px; } .news .ntop img { display: block; float: left } .news .ntop .wen { overflow: hidden; float: right; width: 530px; } .news .ntop h3 { font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 15px; } .news .ntop h3 a { color: #333; } .news .ntop p { font-size: 14px; color: #666; line-height: 30px; height: 90px; overflow: hidden; text-align: justify; margin-bottom: 10px; } .news .ntop .xq { font-size: 14px; color: #006bbd; } .news .list { overflow: hidden; width: 100%; } .news .list li { overflow: hidden; float: left; width: 100%; font-size: 14px; line-height: 36px; } .news .list li a { display: block; float: left; max-width: 470px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .news .list span { float: right; color: #666 } .news .wenda { overflow: hidden; width: 300px; margin: 0 auto; height: 310px; position: relative } .news .wenda ul { overflow: hidden; position: absolute } .news .wenda li { overflow: hidden; width: 100%; height: 149px; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; } .news .wenda h3 { font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 24px; padding-left: 35px; background: url(/uploads/image/simg/news_q.png) no-repeat left center; margin-bottom: 17px; } .news .wenda h3 a { color: #333 } .news .wenda p { font-size: 14px; color: #666; line-height: 30px; height: 90px; overflow: hidden; text-align: justify; padding-left: 35px; background: url(/uploads/image/simg/news_a.png) no-repeat left top; } /*留言*/ .liuyan { overflow: hidden; width: 100%; height: 365px; background: url(/uploads/image/simg/liuyan_bg.jpg) no-repeat center; } .liuyan .wen { float: left; width: 360px; margin-top: 60px; } .liuyan .wen b { display: block; font-size: 22px; color: #fff; } .liuyan .wen span { color: #ffbf00; } .liuyan .wen p { font-size: 18px; color: #fff; margin: 5px 0 15px; } .liuyan .wen i { display: block; width: 30px; height: 2px; background-color: #fff; margin-bottom: 40px; } .liuyan .wen .ewm { overflow: hidden; float: left; font-size: 14px; color: #fff; } .liuyan .wen .ewm img { display: block; margin-bottom: 10px; } .liuyan .wen .phone { overflow: hidden; float: right; margin-top: 120px; position: relative; } .liuyan .wen em { font-weight: bold; font-size: 14px; color: #fff; } .liuyan .wen h5 { font-size: 18px; color: #fff; } .liuyan .lybox { overflow: hidden; float: right; width: 400px; margin-right: 20px; margin-top: 55px; } .liuyan .lybox h4 { font-size: 24px; color: #fff; } .liuyan .lybox b { display: block; font-size: 16px; color: #fff; margin: 10px 0 15px 0 } .liuyan .lybox .btext { overflow: hidden; width: 100%; } .liuyan .btext input { display: block; float: left; width: 160px; height: 40px; border: 1px solid #bbb; padding: 0 10px; outline: none; font-size: 14px; color: #999; margin-bottom: 13px; } .liuyan .btext .phone { margin-left: 20px; width: 176px; } .liuyan .btext textarea { overflow: hidden; width: 378px; height: 80px; border: 1px solid #bbb; resize: none; outline: none; font-size: 14px; color: #999; padding: 10px; margin-bottom: 10px; } .liuyan .btext span { display: block; width: 149px; height: 53px; text-align: center; line-height: 50px; background: url(/uploads/image/simg/liuyan_btn.png) no-repeat center top; font-size: 14px; color: #fff; cursor: pointer } /*<--!广告轮播样式效果一-->*/ #flashs { position: relative; height: 500px; overflow: hidden; } #flashs .bgitem { z-index: 1; position: absolute; top: 0; } #flashs .btn { position: absolute; z-index: 2; bottom: 5px; left: 50%; margin-left: -64px; padding: 0px 6px; } #flashs .btn span { background: #252525; cursor: pointer; display: inline-block; margin: 2px; width: 25px; height: 25px; font-size: 14px; line-height: 25px; text-align: center; color: #fff; } #flashs .btn span.cur { background: #006bbd; }