@charset "utf-8"; /* css document */ /*banner*/ .banner { overflow: hidden; width: 100%; height: 578px; background: url(/uploads/image/simg/banner.jpg) no-repeat center top; position: relative } .banner .btn { overflow: hidden; width: 100%; text-align: center; position: absolute; left: 0; bottom: 40px; } .banner .btn span { cursor: pointer; display: inline-block; width: 8px; height: 8px; background: url(/uploads/image/simg/banner_btn.png) no-repeat right center; margin: 0 4px; } .banner .btn span.cur { background-position: left; } /*<--!广告轮播样式效果一-->*/ #flashs { position: relative; height: 578px; overflow: hidden; } #flashs .bgitem { z-index: 1; position: absolute; top: 0; } #flashs .btn { position: absolute; z-index: 7; bottom: 38px; left: 50%; margin-left: -64px; padding: 0px 6px; } #flashs .btn span { cursor: pointer; display: inline-block; width: 8px; height: 8px; background: url(/uploads/image/simg/banner_btn.png) no-repeat right center; margin: 0 4px; text-indent: -99999em; } #flashs .btn span.cur { background-position: left; } /* -- 弹出窗口 -- */ #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; } /*search*/ .search { overflow: hidden; width: 100%; padding: 20px 0; border-bottom: 1px solid #e4e4e4; height: 38px; } .search p { font-size: 14px; color: #cc000c; float: left; line-height: 38px; } .search p a { color: #6e6e6e; font-size: 13px; margin-right: 8px; } .search .sbox { overflow: hidden; width: 380px; height: 36px; padding: 1px; float: right; background-color: #db101b; } .search input { display: block; width: 305px; height: 36px; border: none; outline: none; line-height: 36px; font-size: 13px; color: #6e6e6e; padding: 0 15px; float: left } .search span { display: block; width: 45px; height: 36px; background: url(/uploads/image/simg/search.png) no-repeat center; float: right; cursor: pointer } /*title*/ .title { overflow: hidden; width: 100%; margin-bottom: 35px; } .title p { text-align: center; font-size: 47px; color: #e3e3e3; font-family: arial; text-transform: uppercase; font-weight: bold } .title h3 { text-align: center; font-size: 25px; color: #000; padding-bottom: 15px; background: url(/uploads/image/simg/title_bg.png) no-repeat center bottom; font-weight: normal } .title h3 a { color: #000; } /*pro*/ .pro { overflow: hidden; width: 100%; background: url(/uploads/image/simg/pro_bg.jpg) no-repeat center top; padding-top: 70px; margin-bottom: 60px; } .pro .menu { overflow: hidden; padding-bottom: 8px; width: 1000px; margin: 0 auto 30px; text-align:center } .pro .menu li { margin: 0 5px; width: 152px; height: 45px; border: 1px solid #000; text-align: center; line-height: 45px; font-size: 13px; position: relative; display:inline-block; box-sizing:border-box } .pro .menu li a { display: block; text-decoration: none; color: #000; } .pro .menu li img { display: none; position: absolute; bottom: -8px; left: 67px; } .pro .menu li.cur, .pro .menu li:hover { border-color: #df131e; background-color: #df131e; } .pro .menu li.cur a, .pro .menu li:hover a { color: #fff; } .pro .menu li.cur img, .pro .menu li:hover img { display: block } .pro .pbox { overflow: hidden; width: 1000px; margin: 0 auto; height: 603px; position: relative } .pro .plist { overflow: hidden; width: 1000px; height: 603px; position: absolute; left: 0; top: 0 } .pro .plist .lefttu { display: block; float: left } .pro .plist ul { overflow: hidden; float: right; margin-left: 10px; height: 602px; border: 1px solid #ddd; } .pro .plist ul li { float: left; width: 247px; height: 300px; position: relative } .pro .plist li img { display: block; margin-bottom: 20px; } .pro .plist li span { display: block; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; color: #000; } .pro .plist li.libor { border-right: 1px solid #ddd; width: 246px; } .pro .plist li.libtm { border-bottom: 1px solid #ddd; } .pro .plist li a { /*display: none; width: 247px; position: absolute; left: 0; top: 0; background: url(/uploads/image/simg/pro_more.png) no-repeat 105px center; background-color: #df131e; opacity: 0.85; filter: alpha(opacity=85); text-align: center; font-size: 16px; color: #fff; padding-top: 190px; height: 100px;*/ } .pro .plist li:hover a { display: block } /*区别*/ .qubie { overflow: hidden; width: 100%; height: 640px; padding-top: 50px; background: url(/uploads/image/simg/qubie_bg.jpg) no-repeat center top; } .qubie .qbbox { overflow: hidden; width: 1000px; margin: 0 auto; height: 408px; padding: 9px 0; position: relative } .qubie .qbbox img { display: block; margin: 0 auto; width: 0; height: 0; position: relative; top: 50% } .qubie .wen { overflow: hidden; position: absolute; display: none; } .qubie .wen01 { left: 0; top: 0; width: 211px; height: 95px; background: url(/uploads/image/simg/qubie01.png) no-repeat center right; padding-left: 150px; color: #fff; padding-top: 55px; } .qubie .wen02 { right: 0; top: 0; width: 249px; height: 86px; background: url(/uploads/image/simg/qubie02.png) no-repeat left center; padding-left: 90px; padding-top: 70px; color: #333 } .qubie .wen03 { left: 0; bottom: 0; width: 188px; height: 100px; background: url(/uploads/image/simg/qubie03.png) no-repeat right center; padding-left: 150px; padding-top: 55px; color: #333 } .qubie .wen04 { right: 0; bottom: 0; width: 271px; height: 95px; background: url(/uploads/image/simg/qubie04.png) no-repeat left center; padding-left: 90px; color: #fff; padding-top: 55px; } .qubie h4 { font-weight: normal; font-size: 22px; } .qubie .wen p { font-size: 12px; font-family: arial; } .qubie .wen03 p, .qubie .wen02 p { color: #6a6a6a } .m-qb { overflow: hidden; width: 100%; height: 700px; background: url(/uploads/image/simg/qubie_bg.jpg) no-repeat center top; overflow: hidden; } .m-qb .content { width: 1000px; overflow: hidden; margin: 0 auto; padding-top: 240px; } .m-qb .qb-ul { position: relative; height: 390px; } .m-qb .qb-ul li { position: absolute; } .m-qb .qb-ul .li1 { left: 18px; top: 0px; } .m-qb .qb-ul .li2 { left: 660px; top: 0px; } .m-qb .qb-ul .li3 { left: 18px; top: 225px; } .m-qb .qb-ul .li4 { left: 660px; top: 225px; } .m-qb .qb-ul li p { color: #757678; font-size: 14px; display: block; line-height: 25px; background: url(/uploads/image/simg/dian.png) no-repeat left 6.5px; padding-left: 18px; } .m-qb b { display: block; width: 168px; height: 42px; overflow: hidden; margin: 0 auto; } .m-qb b a { display: block; width: 168px; height: 42px; overflow: hidden; } /*技术支持*/ .zhichi { overflow: hidden; width: 100%; height: 703px; background: url(/uploads/image/simg/zhichi_bg.jpg) no-repeat center top; padding-top: 70px; } .zhichi .title p { color: #43454c; } .zhichi .title h3 { color: #fff; background: url(/uploads/image/simg/zhichi_title.png) no-repeat center bottom; } .zhichi .menu { overflow: hidden; width: 100%; text-align: center; padding-bottom: 8px; margin-bottom: 30px; } .zhichi .menu li { display: inline-block; margin: 0 6px; width: 152px; height: 45px; border: 1px solid #64666b; text-align: center; line-height: 45px; font-size: 16px; position: relative; color: #b8bac3; cursor: pointer; } .zhichi .menu li { *display:inline } .zhichi .menu li img { display: none; position: absolute; bottom: -8px; left: 67px; } .zhichi .menu li.cur, .pro .menu li:hover { border-color: #df131e; background-color: #df131e; color: #fff; } .zhichi .menu li.cur img, .pro .menu li:hover img { display: block } .zhichi .zcbox { overflow: hidden; width: 1000px; padding: 0 20px; padding-bottom: 40px; background: url(/uploads/image/simg/zhichi_yy.png) no-repeat center bottom; margin: 0 auto; height: 396px; position: relative } .zhichi .zcbox ul { overflow: hidden; width: 6240px; position: absolute; left: 0; top: 0 } .zhichi .zcbox li { overflow: hidden; width: 1000px; background-color: #fff; height: 396px; margin: 0 20px; position: relative; float: left; } .zhichi .zcbox li img { display: block; float: right } .zhichi .zcbox li .wen { overflow: hidden; width: 405px; height: 100%; float: left; margin-left: 30px; margin-top: 25px; position: relative } .zhichi .zcbox .btn { overflow: hidden; position: absolute; width: 134px; height: 38px; text-align: center; line-height: 32px; left: 50%; margin-left: -107px; top: 202px; z-index: 2 } .zhichi .zcbox .btn em { display: block; width: 61px; height: 32px; border: 3px solid #dfdfdf; float: left; font-size: 14px; color: #b3b3b3; cursor: pointer; background-color: #fff; moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .zhichi .zcbox .btn em:hover { background-color: #df131e; color: #fff; border-color: #df131e; } .zhichi .zcbox .wen b { display: block; font-size: 33px; color: #a5a5a5; width: 50px; height: 64px; border: 3px solid #dfdfdf; background: url(/uploads/image/simg/zhichi_x.png) no-repeat center 50px; text-align: center; padding-top: 10px; position: absolute; right: 0; top: 0 } .zhichi .zcbox .wen h4 { font-size: 26px; color: #df131e; margin-top: 20px; margin-bottom: 5px; } .zhichi .zcbox .wen span { display: block; font-size: 13px; color: #959595; font-family: arial; margin-bottom: 40px; } .zhichi .zcbox .wen p { font-size: 14px; color: #333; line-height: 31px; text-align: justify; width: 85%; } .zhichi .zcbox .btn02 { overflow: hidden; width: 150px; height: 12px; position: absolute; left: 40px; bottom: 80px; z-index: 2 } .zhichi .zcbox .btn02 span { display: block; width: 12px; height: 12px; background: url(/uploads/image/simg/zhichi_y.png) no-repeat center left; margin: 0 5px; float: left; } .zhichi .zcbox .btn02 .cur { background-position: right } /*about*/ .about { overflow: hidden; width: 100%; height: 850px; background: url(/uploads/image/simg/about_bg.jpg) no-repeat center top; background-color: #d2d2d2; } .about dl { overflow: hidden; width: 1000px; margin: 0 auto; height: 250px; margin-bottom: 90px; } .about dt { overflow: hidden; width: 483px; height: 250px; float: left; } .about dd { overflow: hidden; float: right; width: 490px; height: 250px; } .about dd p { font-size: 13px; color: #333; line-height: 26px; height: 182px; overflow: hidden; text-align: justify; margin-bottom: 30px; } .about dd .btn { overflow: hidden; width: 100%; } .about dd a { display: block; width: 110px; height: 35px; text-align: center; line-height: 35px; border: 1px solid #b6b6b6; font-size: 13px; color: #000; float: left; margin-right: 10px; text-decoration: none; } .about dd a:hover { background-color: #df131e; border-color: #df131e; color: #fff; } .about .tixi { overflow: hidden; width: 1300px; margin: 0 auto; height: 362px; } .about .tixi li { float: left; width: 238px; margin: 0 10px; height: 220px; background-color: #fff; } .about .tixi img { display: block; margin: 0 auto; margin-top: 9px; margin-bottom: 20px; } .about .tixi h4 { text-align: center; font-weight: normal; font-size: 18px; color: #000; margin-bottom: 12px; } .about .tixi p { font-size: 13px; color: #333; line-height: 25px; width: 200px; margin: 0 auto; text-align: justify; } .about .tixi li:hover { background-color: #df131e; } .about .tixi li:hover h4 { color: #fff; } .about .tixi li:hover p { color: #fff; } /*生产基地*/ .jidi { overflow: hidden; width: 1000px; margin: 60px auto; } .jidi .menu { overflow: hidden; width: 176px; margin: 0 auto; text-align: center; margin-bottom: 40px; } .jidi .menu li { width: 170px; float: left; height: 54px; text-align: center; line-height: 54px; border: 2px solid #df131e; position: relative; font-size: 20px; } .jidi .menu li a { display: block; text-decoration: none; color: #333; } .jidi .menu li img { display: none; position: absolute; left: 75px; bottom: -10px; } .jidi .menu li.cur a { background-color: #df131e; color: #fff; } .jidi .menu li.cur img { display: block; } .jidi .jdbox { overflow: hidden; width: 1000px; margin: 0 auto; height: 230px; position: relative } .jidi .jdlist { overflow: hidden; width: 1000px; height: 230px; position: absolute; left: 0; top: 0 } .jidi .jdlist ul { overflow: hidden; position: absolute } .jidi .jdlist li { float: left; width:239px; height: 230px; margin-left:10px; } .jidi .jdlist li img { /*display: block;*/ margin-bottom: 25px; } .jidi .jdlist li span { display: block; text-align: center; font-size: 14px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .jidi .jdlist li a { display: block; text-decoration: none } /*留言*/ .liuyan { overflow: hidden; width: 1000px; margin: 0 auto; height: 448px; background: url(/uploads/image/simg/liuyan.jpg) no-repeat center top; margin-bottom: 70px; } .liuyan p { font-size: 19px; color: #fff; float: left; margin-left: 155px; margin-top: 285px; } .liuyan p b { font-size: 22px; } .liuyan ul { overflow: hidden; float: right; width: 400px; margin-top: 125px; margin-right: 37px; } .liuyan li { overflow: hidden; width: 398px; border: 1px solid #d5d5d5; margin-bottom: 10px; } .liuyan input { overflow: hidden; float: left; width: 337px; height: 34px; line-height: 34px; font-size: 14px; color: #767676; border: none; border-left: 1px solid #d5d5d5; outline: none; padding: 0 10px; } .liuyan span { display: block; float: left; width: 40px; height: 34px; } .liuyan textarea { overflow: hidden; float: left; width: 337px; height: 110px; resize: none; font-size: 14px; color: #767676; border: none; border-left: 1px solid #d5d5d5; outline: none; padding: 10px; } .liuyan li.last { border: none } .liuyan em { display: block; width: 133px; height: 38px; text-align: center; line-height: 38px; font-size: 16px; color: #fff; margin-right: 10px; background-color: #df131e; float: left; cursor: pointer } .liuyan em.last { background-color: #dcdcdc; color: #595959; } /*news*/ .news { overflow: hidden; width: 1000px; height: 440px; margin: 0 auto; margin-bottom: 60px; } .news .menu { overflow: hidden; width: 348px; padding-bottom: 8px; text-align: left; margin-bottom: 15px; } .news .menu li { float: left; width: 170px; height: 54px; text-align: center; line-height: 54px; border: 2px solid #df131e; position: relative; font-size: 20px; } .news .menu li a { display: block; text-decoration: none; color: #333; } .news .menu li img { display: none; position: absolute; left: 75px; bottom: -10px; } .news .menu li.cur a { background-color: #df131e; color: #fff; } .news .menu li.cur img { display: block; } .news .newsleft { overflow: hidden; width: 635px; float: left; height: 100%; } .news .newsleft .nbox { overflow: hidden; width: 100%; height: 340px; position: relative } .news .newsleft .nlist { overflow: hidden; width: 100%; height: 100%; position: absolute; left: 0; top: 0 } .news .newsleft .nlist dl { overflow: hidden; width: 100%; height: 164px; margin-bottom: 20px; } .news .newsleft .nlist dt { overflow: hidden; float: left } .news .newsleft .nlist dd { overflow: hidden; float: right; width: 380px; height: 164px; } .news .newsleft .nlist dd h3 { font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 10px; margin-bottom: 20px; } .news .newsleft .nlist dd h3 a { color: #000; } .news .newsleft .nlist dd p { font-size: 13px; color: #333; line-height: 24px; height: 96px; overflow: hidden; text-align: justify; } .news .newsleft .nlist ul { overflow: hidden; width: 650px; } .news .newsleft .nlist li { overflow: hidden; float: left; width: 295px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 15px; background: url(/uploads/image/simg/news_s.png) no-repeat left center; font-size: 13px; line-height: 38px; margin-right: 15px; border-bottom: 1px solid #eee; } .news .newsleft .nlist li a { color: #333; } .news .wenda { overflow: hidden; width: 344px; height: 100%; background-color: #df131e; float: right; } .news .wenda h3 { font-size: 20px; margin-left: 25px; font-weight: normal; line-height: 59px; } .news .wenda h3 a { color: #fff } .news .wenda .wdbox { overflow: hidden; width: 342px; margin: 0 auto; height: 380px; background-color: #fff; position: relative } .news .wenda .wdbox ul { overflow: hidden; width: 320px; padding: 0 11px; position: absolute } .news .wenda .wdbox li { overflow: hidden; width: 100%; margin-top: 25px; border-bottom: 1px dashed #acacac; height: 99px; } .news .wenda .wdbox h5 { font-weight: normal; font-size: 16px; padding-left: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(/uploads/image/simg/news_w.png) no-repeat left center; margin-bottom: 10px; line-height: 23px; } .news .wenda .wdbox h5 a { color: #000; } .news .wenda .wdbox p { padding-left: 30px; background: url(/uploads/image/simg/news_d.png) no-repeat left center; font-size: 13px; color: #333; line-height: 20px; height: 40px; overflow: hidden; text-align: justify } /*link*/ .link { overflow: hidden; width: 1000px; position: relative; margin: 0 auto; margin-bottom: 50px; } .link h3 { position: absolute; left: 0; top: 0 } .link ul { overflow: hidden; float: right; width: 900px; padding: 15px 0 35px 35px; border: 1px solid #c4c4c4; } .link li { float: left; white-space: nowrap; margin-right: 30px; font-size: 13px; } .link li a { color: #383838; } .link .rk { display: block; overflow: hidden; position: absolute; right: 0; bottom: 0 } .link .rk img { display: block; }