@CHARSET "UTF-8"; .fa-gg img { width: 100%; height: auto; } /*澶撮儴鏍峰紡*/ .head { background: rgba(0, 0, 0, .4); height: 133px; position: absolute; z-index: 999; left: 50%; margin-left: -960px; top: 0; width: 1920px; } #header { width: 1100px; margin: 0 auto; padding-top: 10px; } .top {} .logo { float: left; width: 300px; padding-top: 5px; } .topLink { color: #fff; } .topLink a { color: #fff; } .topLink .f_count { color: #ff0000; font-size: 13px; font-weight: bold; } .topLink .k1 { line-height: 24px; width: 560px; float: left; font-size: 14px; } .topLink .k2 { color: #074b91; font-size: 14px; font-family: "寰蒋闆呴粦"; } #menu { margin-top: 5px; width: 680px; float: right; padding-left: 20px; } .translate { width: 100px; position: absolute; left: 0; top: 10px; z-index: 9999; } .tran-in { left: 120px; } .translate li { border: 1px dashed #cccccc; line-height: 26px; text-align: left; background: #fff; } .translate li a { display: block; padding-left: 10px; background: url(../images/dot4.png) no-repeat 88% 11px; } .translate li a:visited { text-decoration: none; color: #333; } .translate li a:hover { text-decoration: none; color: #275cea; cursor: pointer; } .translate-en { display: none; padding: 6px; padding-top: 0px; } .translate li .translate-en a { padding-left: 0px; text-align: center; background: #fff; border-bottom: 1px solid #cccccc; } .translate li .translate-en a:hover { font-weight: bold; } #menu { margin-top: 5px; } /*鐑棬鎼滅储*/ .search { text-align: right; height: 24px; width: 530px; float: right; } #formsearch { float: right; position: relative; } .hotSearch { float: right; height: 24px; line-height: 24px; font-weight: normal; font-size: 14px; } /*涓讳綋鏍峰紡*/ .cont1 { background: #fff; height: 550px; overflow: hidden; } .cont2 { width: 1000px; margin: 0 auto; } #container { width: 1000px; margin: 0 auto; margin-top: 10px; padding-bottom: 40px; } .menu_cate { width: 220px; float: left; } .cate_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "寰蒋闆呴粦"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .about { padding-top: 30px; } .about_title { text-align: center; line-height: 28px; } .about_title span { background: url(../images/tt2.png) no-repeat center; display: block; font: 100 20px/40px "寰蒋闆呴粦"; color: #313131; } .about .content { padding-top: 20px; text-indent: 20px; line-height: 24px; color: #646464; } .navigation { float: right; width: 100px; } .shengtu { margin-top: 20px; } .shengtu_title { background: url(../images/tt3.png) no-repeat center; text-align: center; font: 100 20px/40px "寰蒋闆呴粦"; color: #0173cf; padding-left: 30px; } .shengtu .content { padding-top: 20px; } .shengtu .content a:hover .t1_2 { color: #0173cf; } .shengtu .content a: { color: #000; text-decoration: none; } .t1 { width: 200px; float: left; } .t1_1 { background: url(../images/t1.png) no-repeat center; height: 179px; } .t1_1:hover { background: url(../images/tt1.png) no-repeat center; height: 179px; } .t1_2 { font: 100 18px/24px "Microsoft Yahei"; color: #000; text-align: center; width: 140px; margin: 0 auto; margin-top: 20px; } .t1_2:hover { color: #0173cf; } .t2 { width: 200px; float: left; } .t2_1 { background: url(../images/t2.png) no-repeat center; height: 179px; } .t2_1:hover { background: url(../images/ttt2.png) no-repeat center; height: 179px; } .t3 { width: 200px; float: left; } .t3_1 { background: url(../images/t3.png) no-repeat center; height: 179px; } .t3_1:hover { background: url(../images/ttt3.png) no-repeat center; height: 179px; } .t4 { width: 200px; float: left; } .t4_1 { background: url(../images/t4.png) no-repeat center; height: 179px; } .t4_1:hover { background: url(../images/ttt4.png) no-repeat center; height: 179px; } .t5 { width: 200px; float: left; } .t5_1 { background: url(../images/t5.png) no-repeat center; height: 179px; } .t5_1:hover { background: url(../images/ttt5.png) no-repeat center; height: 179px; } .cont3 { background: url(../images/tu1.jpg) no-repeat center; height: 457px; display: none; } .fuwu { width: 1000px; margin: 0 auto; } .fuwu_title { line-height: 28px; padding-left: 550px; padding-top: 75px; } .fuwu_title span { background: url(../images/tt5.jpg) no-repeat 80px 50%; display: block; font: 100 20px/40px "寰蒋闆呴粦"; color: #313131; padding-left: 105px; } .fuwu .content { width: 500px; float: right; padding-top: 20px; } .yy1 { height: 88px; overflow: hidden; } .yy1_1 { background: url(../images/yy1.jpg) no-repeat 0 50%; width: 88px; float: left; height: 88px; } .yy1_1:hover { background: url(../images/yy11.jpg) no-repeat 0 50%; width: 88px; float: left; height: 88px; } .yy1_2 { width: 400px; float: right; line-height: 24px; padding-top: 10px; } .yy2 { padding-top: 20px; height: 88px; overflow: hidden; } .yy2_1 { background: url(../images/yy2.jpg) no-repeat 0 50%; width: 88px; float: left; height: 88px; } .yy2_1:hover { background: url(../images/yy22.jpg) no-repeat 0 50%; width: 88px; float: left; height: 88px; } .yy2_2 { width: 400px; float: right; line-height: 24px; padding-top: 10px; } .cont4 { background: url(../images/anli.png) no-repeat center; height: 634px; } .anli { width: 1000px; margin: 0 auto; } .anli_title { text-align: center; line-height: 28px; padding-top: 67px; background: url(../images/hb.png) no-repeat center 43px; height: 103px; } .anli_title span { background: url(../images/an02.png) no-repeat center; display: block; font: 100 20px/40px "寰蒋闆呴粦"; color: #fff; } .anli .content { padding-top: 20px; } .fenlei { width: 440px; margin: 0 auto; margin-top: 10px; margin-bottom: 33px; } .cont5 { background: url(../images/bj.png) no-repeat center; height: 720px; } .tupian { background: url(../images/bj2.png) no-repeat center; height: 670px; padding-top: 36px; width: 1002px; margin: 0 auto; } .tu01 { width: 500px; float: left; } .tu01_1 { padding-top: 150px; padding-left: 120px; line-height: 24px; height: 160px; overflow: hidden; } .tu02 { width: 500px; float: left; } .tu02_1 { padding-top: 150px; padding-left: 120px; line-height: 24px; height: 160px; overflow: hidden; } .tu03 { width: 500px; float: left; } .tu03_1 { padding-top: 40px; padding-left: 120px; line-height: 24px; height: 170px; overflow: hidden; } .tu04 { width: 500px; float: left; } .tu04_1 { padding-top: 40px; padding-left: 120px; line-height: 24px; height: 170px; overflow: hidden; } .news1 { width: 318px; float: left; } .news2 { width: 318px; float: left; margin-left: 20px; } .news3 { width: 318px; float: right; } #gotop { position: fixed; display: none; height: 40px; width: 79px; background: url(../images/top.png) no-repeat; right: 100px; bottom: 183px; cursor: pointer; } .cont6 {} .contact { width: 1000px; margin: 0 auto; padding-top: 45px; padding-bottom: 30px; } .contact_title { text-align: center; height: 28px; } .contact .content { padding-top: 15px; padding-left: 8px; } .lianxi { width: 650px; float: left; color: #f0f0f0; } .lianxi a { color: #f0f0f0; } .liuyan { width: 330px; float: right; } .liuyan_title { font: 100 18px/28px "寰蒋闆呴粦"; color: #f0f0f0; } .left .box { margin-bottom: 10px; } .left .box h3 { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "寰蒋闆呴粦"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .left .box .content { padding: 5px; } /*棣栭〉鏂伴椈*/ .news_company {} .news1_title { text-align: center; line-height: 28px; } .news1_title span { background: url(../images/anli02.png) no-repeat center; display: block; font: 100 20px/40px "寰蒋闆呴粦"; color: #031313; } .news_company .content { padding: 5px; } /*澶氶〉绛?/ .news { width: 402px; float: left; } .tab { background: #01913a; position: relative; } .tab .tyt { position: absolute; right: 10px; top: 4px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .tab li { float: left; width: 76px; height: 26px; display: block; line-height: 26px; border-right: 1px solid #fff; } .tab li a { display: block; line-height: 26px; text-align: center; color: #fff; font-size: 12px; } .tab li a:hover { text-decoration: none; } .tab li a.tab_click { color: #fff; text-decoration: none; font-size: 12px; background: #92af05; } .list1 { padding: 8px 10px; } .list1 li { line-height: 27px; position: relative; vertical-align: middle; } .list1 li a { background: url(../images/icon1.gif) left center no-repeat; padding-left: 12px; line-height: 27px; color: #555555; } .list1 li a:hover { color: #09953f; text-decoration: none; } .list1 li span { position: absolute; text-align: center; right: 0px; line-height: 27px; top: 0; color: #999; } /*宸ョ▼妗堜緥*/ .case { width: 460px; float: left; margin-left: 12px; padding-bottom: 5px; margin-top: 10px; } .case_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "寰蒋闆呴粦"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .case .content { padding: 5px; padding-bottom: 12px; text-indent: 20px; } .news2_company { margin-top: 10px; } /*浜у搧鎺ㄨ崘*/ .recommend_product { margin-top: 10px; width: 692px; float: left; } .recommend_product .title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "寰蒋闆呴粦"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .recommend_product .content { padding-top: 15px; padding-bottom: 14px; } .roll_product li { padding-bottom: 0px; } /*棣栭〉涓嬭浇涓績*/ .down_index { margin-top: 10px; width: 280px; float: right; } .down_index .title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "寰蒋闆呴粦"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .down_index .content { padding: 5px; } /*棣栭〉鍖哄煙*/ .region { border: 1px solid #e0e1dc; padding: 10px; margin-top: 10px; color: #333; } .region h3 { line-height: 30px; height: 30px; line-height: 30px; padding-left: 10px; position: relative; font-family: "寰蒋闆呴粦"; background: #f3f3f3; border-bottom: 2px solid #df2525; font-size: 14px; } .region .item { padding: 10px; padding-bottom: 0; color: #666; } .region .item a { color: #666; padding-left: 12px; padding-right: 12px; line-height: 26px; margin-bottom: 6px; } .region .item a:hover { text-decoration: underline; color: #df2525; } .city h2 { line-height: 30px; border-bottom: 2px solid #e87518; padding-left: 5px; } .city .item { line-height: 28px; padding: 10px; } /*浜у搧鍒楄〃椤垫弿杩?/ .prodescription { border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 20px; } /*鍙嬫儏閾炬帴*/ .f_link { width: 1000px; margin: 0 auto; line-height: 45px; color: #f0f0f0; border: 1px solid #fff; height: 45px; text-indent: 20px; } .f_link a { color: #fff; } /*椤甸潰搴曢儴*/ .db { background: url(../images/db.png) no-repeat center; height: 607px; } .foot { padding-top: 30px; } #footer { position: relative; width: 990px; margin: 0 auto; text-align: center; padding-top: 8px; color: #fff; padding-bottom: 10px; } #footer a { color: #fff; } .nav_foot { text-align: center; line-height: 24px; color: #fff; } .copyright { text-align: center; line-height: 24px; font-family: "arial"; color: #fff; } .more_region { position: absolute; right: 10px; line-height: 30px; top: 0; font-weight: normal; font-size: 12px; } #footer h3 { width: 80px; line-height: 30px; position: absolute; right: 233px; top: 5px; font-weight: normal; } /*------------鍐呴〉-------------------*/ .n_banner { width: 1920px; margin-left: -960px; left: 50%; position: relative; top: 0px; } .left { width: 210px; float: left; } .sort_menu {} .sort_menu h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .sort_product { margin-top: 10px; } .sort_product h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .n_contact { margin-top: 10px; } .n_contact h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .n_contact p.content { padding: 5px; } .right { width: 760px; float: right; padding-bottom: 10px; } .sitemp { line-height: 31px; height: 31px; overflow: hidden; padding-right: 10px; background: url(../images/nav.png) no-repeat 0% 100%; } .sitemp h2 { width: 340px; float: left; line-height: 31px; text-align: center; text-align: left; text-indent: 15px; color: #000; font-family: "寰蒋闆呴粦"; font-size: 14px; } .sitemp .site { width: 380px; float: right; text-align: right; line-height: 30px; font-family: "寰蒋闆呴粦"; } .right .content { padding: 10px; padding-top: 15px; overflow: hidden; }