*/ @charset "utf-8"; /* css document */ /*banner*/ .banner { overflow: hidden; width: 100%; height: 500px; background: url(/uploads/image/simg/banner.jpg) no-repeat center top; } #flashs { position: relative; height: 500px; overflow: hidden; } #flashs .bgitem { z-index: 1; position: absolute; top: 0; } #flashs .btn { text-indent: -99999em; overflow: hidden; position: absolute; z-index: 50; left: 50%; bottom: 13px; padding: 0 1px; border: 2px solid #0488e5; width: 146px; margin-left: -60px; *padding-bottom:2px } #flashs .btn span { display: block; cursor: pointer; float: left; width: 46px; height: 8px; background-color: #f7f7f7; margin: 2px 1px; opacity: 0.42; } #flashs .btn span.cur { background-color: #0488e5; opacity: 1; } /*search*/ .search { overflow: hidden; width: 100%; height: 32px; padding: 12px 0; background-color: #d3d3d3; } .search p { float: left; line-height: 32px; font-size: 13px; color: #333; } .search p a { color: #333; margin-right: 10px; } .search .sbox { overflow: hidden; height: 32px; background: url(/uploads/image/simg/search.png) no-repeat center top; width: 289px; float: right; } .search input { overflow: hidden; padding: 0 10px; width: 210px; height: 32px; border: none; background: none; outline: none; float: left; font-size: 13px; color: #333; line-height: 32px; } .search span { display: block; width: 59px; height: 32px; cursor: pointer; float: right } /*title*/ .title { overflow: hidden; width: 100%; } .title h2 { text-align: center; font-size: 24px; color: #005aa1; background: url(/uploads/image/simg/title_bg.png) no-repeat center; margin-bottom: 5px; } .title h2 a { color: #005aa1; } .title p { font-size: 12px; color: #999; text-align: center; text-transform: uppercase; } /*hezuo*/ .hezuo { overflow: hidden; width: 100%; padding-top: 60px; background-color: #f9f9f9; padding-bottom: 40px; } .hezuo .hebox { overflow: hidden; width: 1100px; height: 140px; margin: 0 auto; position: relative; margin-top: 30px; } .hezuo .hebox i { display: block; width: 41px; height: 41px; cursor: pointer; position: absolute; top: 30px; } .hezuo .hebox .btn01 { background: url(/uploads/image/simg/hezuo__btn01.png) no-repeat center top; left: 0 } .hezuo .hebox .btn02 { background: url(/uploads/image/simg/hezuo__btn02.png) no-repeat center top; right: 0 } .hezuo .hebox i:hover { background-position: bottom } .hezuo .hewin { overflow: hidden; width: 1000px; margin: 0 auto; height: 140px; position: relative; } .hezuo .hewin ul { overflow: hidden; position: absolute } .hezuo .hewin li { float: left; width: 190px; height: 140px; margin-right: 12px; } .hezuo .hewin li span { display: block; text-align: center; font-size: 13px; color: #333; } .hezuo .hewin li a { display: block; text-decoration: none } .hezuo .hewin li img { display: block; margin-bottom: 10px; } /*pro*/ .pro { overflow: hidden; width: 1000px; margin: 0 auto; margin-top: 50px; } .pro .leftpro { overflow: hidden; float: left; width: 230px; } .pro .leftpro h3 { background: url(/uploads/image/simg/pro01.png) no-repeat center; width: 100%; height: 105px; } .pro .leftpro h3 b { font-size: 28px; color: #fff; font-family: impact; display: block; padding-left: 25px; padding-top: 30px; font-weight: normal } .pro .leftpro h3 em { display: block; font-size: 16px; color: #fff; padding-left: 25px; } .pro .leftpro .menu { overflow: hidden; width: 226px; border: 2px solid #005aa1; border-top: none; border-bottom: none; padding-top: 15px; *padding-bottom:20px; height: 573px; } .pro .leftpro .menu li { overflow: hidden; width: 204px; margin: 0 auto; margin-bottom: 20px; } .pro .leftpro .menu li >a { display: block; width: 190x; height: 35px; background: url(/uploads/image/simg/pro02-1.png) no-repeat 170px center; line-height: 35px; font-size: 16px; color: #fff; text-decoration: none; background-color: #005aa1; border-radius: 5px; padding-left: 14px; } .pro .leftpro .menu li.cur>a { background: url(/uploads/image/simg/pro02.png) no-repeat 170px center; background-color: #005aa1; } .pro .leftpro .menu .nmenu { overflow: hidden; width: 100%; margin-top: 15px; display: none; max-height: 200px; } .pro .leftpro .menu .nmenu a { display: block; font-size: 14px; color: #333; line-height: 40px; border-bottom: 1px solid #eee; padding-left: 15px; } .pro .leftpro .menu .nmenu a:hover { color: #f07f1b; text-decoration: none } .pro .leftpro .phone { overflow: hidden; padding: 25px 0; padding-left: 65px; width: 165px; background: url(/uploads/image/simg/pro_phone.png) no-repeat 15px center; background-color: #363636; } .pro .leftpro .phone p { font-size: 13px; color: #fff; } .pro .leftpro .phone em { display: block; font-size: 20px; color: #fff; } .pro .rightpro { overflow: hidden; width: 740px; float: right; } .pro .rightpro .list { overflow: hidden; width: 110%; } .pro .rightpro li { overflow: hidden; float: left; width: 230px; height: 245px; margin-right: 25px; margin-bottom: 25px; background-color: #eee; } .pro .rightpro li img { display: block; margin-bottom: 15px; } .pro .rightpro li span { display: block; text-align: center; font-size: 13px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .pro .rightpro li a { display: block; text-decoration: none } .pro .rightpro li:hover { background-color: #f07f1b; } .pro .rightpro li:hover span { color: #fff; } /*baozhang*/ .baozhang { overflow: hidden; width: 100%; height: 883px; background: url(/uploads/image/simg/baozhang_bg.jpg) no-repeat center top; margin-bottom: 55px; } .baozhang h2 { font-size: 30px; color: #fff; text-align: center; padding-bottom: 20px; background: url(/uploads/image/simg/title_bg02.png) no-repeat center bottom; margin-top: 60px; margin-bottom: 40px; } .baozhang .bzbox { overflow: hidden; width: 1000px; margin: 0 auto; height: 685px; position: relative } .baozhang .bzbox img { display: block; margin: 0 auto; width: 0; height: 0; margin-top: 231px } .baozhang .bzbox .wen { overflow: hidden; width: 190px; position: absolute; display: none } .baozhang .bzbox h3 { font-weight: normal; font-size: 18px; color: #fff; text-align: center; margin-bottom: 10px; } .baozhang .bzbox p { font-size: 13px; color: #c6e6ff; line-height: 25px; } .baozhang .wen01 { padding-top: 133px; padding-right: 180px; background: url(/uploads/image/simg/baozhang01.png) no-repeat right top; left: 0; top: 20px; } .baozhang .wen02 { padding-left: 175px; padding-top: 133px; background: url(/uploads/image/simg/baozhang02.png) no-repeat left top; right: 0; top: 20px; } .baozhang .wen03 { padding-right: 170px; padding-top: 155px; background: url(/uploads/image/simg/baozhang03.png) no-repeat right top; left: 0; top: 310px; } .baozhang .wen04 { padding-left: 175px; padding-top: 155px; background: url(/uploads/image/simg/baozhang04.png) no-repeat left top; right: 0; top: 310px; } .baozhang .wen05 { padding-left: 135px; padding-top: 115px; background: url(/uploads/image/simg/baozhang05.png) no-repeat left top; left: 338px; bottom: 0 } /*case*/ .case { overflow: hidden; width: 1100px; height: 330px; margin: 0 auto; margin-bottom: 50px; } .case .casebox { overflow: hidden; width: 100%; height: 270px; margin-top: 40px; position: relative; } .case .casebox i { display: block; width: 41px; height: 41px; cursor: pointer; position: absolute; top: 75px; } .case .casebox .btn01 { background: url(/uploads/image/simg/hezuo__btn01.png) no-repeat center top; left: 0 } .case .casebox .btn02 { background: url(/uploads/image/simg/hezuo__btn02.png) no-repeat center top; right: 0 } .case .casebox i:hover { background-position: bottom } .case .casewin { overflow: hidden; width: 1000px; margin: 0 auto; height: 350px; position: relative; } .case .casewin ul { overflow: hidden; position: absolute } .case .casewin li { float: left; width: 300px; margin-right: 33px; height: 200px; background-color: #eee; } .case .casewin li a { display: block; text-decoration: none; } .case .casewin li img { display: block; margin-bottom: 12px; } .case .casewin li span { display: block; text-align: center; font-size: 13px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .case .casewin li:hover { background-color: #f07f1b; } .case .casewin li:hover span { color: #fff; } /*流程*/ .liucheng { overflow: hidden; width: 100%; padding-top: 55px; padding-bottom: 65px; background-color: #f9f9f9; } .liucheng img { display: block; margin: 0 auto; margin-top: 40px; } /*youshi*/ .youshi { overflow: hidden; width: 100%; } .youshi .ttitle { overflow: hidden; padding: 55px 0; background-color: #005aa1; } .youshi .ttitle h2 { text-align: center } .youshi .ttitle em { display: block; text-align: center; font-size: 16px; color: #fff; margin-top: 10px; } .youshi .yslist { overflow: hidden; width: 100%; height: 291px; } .youshi .yslist .wen { overflow: hidden; width: 407px; color: #333 } .youshi .yslist h3 { font-size: 20px; margin-bottom: 20px; line-height: 30px; } .youshi .yslist p { padding-left: 14px; background: url(/uploads/image/simg/youshi_s02.png) no-repeat left 8px; font-size: 13px; line-height: 25px; } .youshi .yslist .wen.wen01 p { background: url(/uploads/image/simg/youshi_s01.png) no-repeat left 8px; } .youshi .phone { overflow: hidden; padding-left: 55px; background: url(/uploads/image/simg/phone.png) no-repeat left center; margin-top: 20px; } .youshi .phone span { display: block; font-size: 13px; color: #333; } .youshi .phone em { display: block; font-size: 22px; color: #ff6600; } .youshi .youshi01 { background: url(/uploads/image/simg/youshi_01.jpg) no-repeat center top; } .youshi .youshi02 { background: url(/uploads/image/simg/youshi_02.jpg) no-repeat center top; } .youshi .youshi03 { background: url(/uploads/image/simg/youshi_03.jpg) no-repeat center top; } .youshi .youshi04 { background: url(/uploads/image/simg/youshi_04.jpg) no-repeat center top; } .youshi .youshi05 { background: url(/uploads/image/simg/youshi_05.jpg) no-repeat center top; } .youshi .wen.wen01 { color: #fff; margin-left: 98px; margin-top: 30px; } .youshi .wen02 { float: right; margin-top: 35px; } .youshi .wen03 { margin-left: 98px; margin-top: 35px; } .youshi .wen04 { float: right; margin-top: 55px; } .youshi .wen05 { margin-left: 98px; margin-top: 40px; width: 425px !important; } /*about*/ .about { overflow: hidden; width: 100%; height: 515px; background: url(/uploads/image/simg/about_bg.jpg) no-repeat center top; } .about h2 { text-align: center; font-size: 24px; color: #333; margin-top: 60px; padding-bottom: 15px; background: url(/uploads/image/simg/about.png) no-repeat center bottom; margin-bottom: 50px; } .about .abox { overflow: hidden; width: 1000px; margin: 0 auto; } .about .abox img { display: block; float: left; border: 5px solid #fff; } .about .awen { overflow: hidden; float: right; width: 500px; } .about .awen p { font-size: 13px; color: #333; line-height: 26px; text-align: justify; height: 13 0px; overflow: hidden; margin-bottom: 30px; } .about .awen .btn { overflow: hidden } .about .awen .btn a { float: left; margin-right: 14px; text-decoration: none; display: block; width: 105px; height: 80px; border: 2px solid #fff; background-color: #fff; opacity: 0.8; filter: alpha(opacity=60); text-align: center; font-size: 16px; color: #333; border-radius: 5px; } .about .awen .btn em { display: block; width: 50px; height: 50px; margin: 0 auto; } .about .awen .btn .em01 { background: url(/uploads/image/simg/about01.png) no-repeat center top; } .about .awen .btn .em02 { background: url(/uploads/image/simg/about02.png) no-repeat center top; } .about .awen .btn .em03 { background: url(/uploads/image/simg/about03.png) no-repeat center top; } .about .awen .btn .em04 { background: url(/uploads/image/simg/about04.png) no-repeat center top; } .about .awen .btn a:hover em { background-position: bottom } .about .awen .btn a:hover { border-color: #f07f1b; background-color: #f07f1b; opacity: 1; filter: alpha(opacity=100); color: #fff } /*证书*/ .zhengshu { overflow: hidden; width: 100%; background-color: #f9f9f9; padding-top: 55px; padding-bottom: 45px; } .zhengshu .zsbox { overflow: hidden; width: 1100px; margin: 0 auto; height: 350px; position: relative; margin-top: 45px; } .zhengshu .zsbox i { display: block; width: 41px; height: 41px; cursor: pointer; position: absolute; top: 172px; } .zhengshu .zsbox .btn01 { background: url(/uploads/image/simg/hezuo__btn01.png) no-repeat center top; left: 0 } .zhengshu .zsbox .btn02 { background: url(/uploads/image/simg/hezuo__btn02.png) no-repeat center top; right: 0 } .zhengshu .zsbox i:hover { background-position: bottom } .zhengshu .zswin { overflow: hidden; width: 1000px; height: 350px; margin: 0 auto; position: relative } .zhengshu .zswin ul { overflow: hidden; position: absolute } .zhengshu .zswin li { float: left; width: 237px; height: 350px; background-color: #fff; margin-right: 17px; } .zhengshu .zswin li img { display: block; margin: 18px auto; } .zhengshu .zswin li span { display: block; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 13px; color: #333; } .zhengshu .zswin il a { display: block; text-decoration: none } /*留言*/ .liuyan { overflow: hidden; width: 100%; background: url(/uploads/image/simg/ly_bg.jpg) no-repeat center bottom; background-color: #f9f9f9; } .liuyan .wen { overflow: hidden; float: left; margin-top: 85px; width: 480px; } .liuyan .wen h3 { font-size: 40px; color: #fff; } .liuyan .wen p { font-size: 26px; color: #005aa1; line-height: 42px; background-color: #fff; margin-top: 10px; } .liuyan .wen span { display: block; font-size: 15px; color: #fff; margin-top: 10px; margin-bottom: 40px; } .liuyan .phone { overflow: hidden; padding-left: 55px; background: url(/uploads/image/simg/ly_phone.png) no-repeat left center; } .liuyan .phone em { display: block; font-size: 13px; color: #fff; } .liuyan .phone b { display: block; font-weight: normal; font-size: 22px; color: #fff; } .liuyan .lybox { overflow: hidden; width: 457px; height: 367px; background-color: #fff; border-top: 3px solid #f07f1b; float: right } .liuyan .lybox h4 { font-size: 26px; color: #f07f1b; margin-left: 25px; margin-top: 40px; } .liuyan .lybox p { font-size: 16px; color: #333; margin-bottom: 22px; margin-left: 25px; } .liuyan .lybox .inbox { overflow: hidden; margin-left: 25px; *margin-left:12px; width: 100% } .liuyan .lybox input { overflow: hidden; width: 180px; padding: 0 10px; height: 42px; margin-right: 5px; margin-bottom: 5px; float: left; line-height: 42px; display: block; font-size: 14px; color: #333; background: #eee; border: none; outline: none; } .liuyan .lybox textarea { overflow: hidden; width: 385px; display: block; margin-bottom: 10px; height: 80px; padding: 10px; font-size: 14px; color: #333; background: #eee; border: none; outline: none; resize: none; } .liuyan .lybox b { display: block; width: 150px; height: 47px; background-color: #f07f1b; color: #fff; font-size: 16px; cursor: pointer; text-align: center; line-height: 47px; *margin-left:13px; } /*news*/ .news { overflow: hidden; width: 100%; padding: 45px 0 30px 0; background-color: #f9f9f9; } .news .nbox { overflow: hidden; width: 1020px; margin: 0 auto } .news .newsbox { overflow: hidden; float: left; margin: 0 10px; border: 1px solid #dbdbdb; width: 318px; height: 550px; } .news h2 { margin-top: 30px; margin-bottom: 25px; padding-left: 6px; border-left: 6px solid #005aa1; font-weight: normal; font-size: 20px; color: #333; } .news img { display: block; margin: 0 auto; margin-bottom: 15px; } .news .list { overflow: hidden; width: 290px; margin: 0 auto } .news .list li { overflow: hidden; width: 100%; font-size: 13px; color: #666; line-height: 45px; } .news .list li em { float: left; color: #40a3ee; margin-right: 5px; } .news .list li a { display: block; float: left; width: 180px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666; } .news .list li span { float: right } .news .wenda { overflow: hidden; width: 290px; margin: 0 auto; height: 550px; position: relative } .news .wenda ul { overflow: hidden; position: absolute } .news .wenda li { overflow: hidden; height: 104px; margin-bottom: 20px; border-bottom: 1px dashed #e4e4e4; } .news .wenda h5 { font-weight: normal; font-size: 13px; padding-left: 32px; background: url(/uploads/image/simg/news_w.png) no-repeat left center; line-height: 25px; margin-bottom: 15px; } .news .wenda h5 a { color: #f07f1b; } .news .wenda p { padding-left: 32px; background: url(/uploads/image/simg/news_d.png) no-repeat left top; font-size: 13px; color: #333; line-height: 25px; height: 50px; overflow: hidden; } /*link*/ .link { overflow: hidden; width: 100%; background-color: #f9f9f9; padding-bottom: 40px; } .link .linkbox { overflow: hidden; width: 958px; margin: 0 auto; padding: 25px 20px; border: 1px solid #dbdbdb; } .link .linkbox h3 { float: left; font-size: 18px; } .link h3 a { color: #005aa1; } .link h3 em { color: #999; margin-left: 5px; } .link ul { overflow: hidden; float: right; width: 825px; } .link li { float: left; white-space: nowrap; margin: 5px 15px; font-size: 13px; } .link li a { color: #666; } /* -- 快速导航 -- */ .ksdh { overflow: hidden; width: 100%; background-color: #f9f9f9; padding-bottom: 40px; } .ksdh .ksdhbox { overflow: hidden; width: 958px; margin: 0 auto; padding: 25px 20px; border: 1px solid #dbdbdb; } .ksdh .ksdhbox h3 { float: left; font-size: 18px; } .ksdh h3 a { color: #005aa1; } .hsdh h3 a1 { color: #666; margin-left: 5px; } .ksdh ul { overflow: hidden; float: right; width: 973px; } .ksdh li { float: left; white-space: nowrap; margin: 5px 15px; font-size: 13px; color: #666; } .ksdh li a { color: #666; } /* -- 弹出窗口 -- */ #mesbook1_c, #mesbook1 { display: none; z-index: 1001; width: 398px; border: 1px solid #ccc; background: #fff; padding-bottom: 20px; } #mesbook1_c div, #mesbook1 div { border: 1px solid #e4e3e3; background: #ebeceb; height: 18px; padding: 4px .5em 0; margin-bottom: 10px; } #mesbook1_c dl.b1, #mesbook1 dl.b1 { width: 370px; margin: 0 auto; } #mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float: left; width: 105px; overflow: hidden; } #mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width: 265px; float: right; } #mesbook1_c #mesbook1_cbtns, #mesbook1 #mesbook1btns { padding-bottom: 10px; } #mesbook1_c #mesbook1_cbtns input, #mesbook1 #mesbook1btns input { margin-right: 20px; }