@CHARSET "UTF-8"; /*澶撮儴鏍峰紡*/ .sky { width: 1200px; margin: 0 auto; height: 120px; } #header { width: 1000px; margin: 0 auto; } .logo { float: left; margin-top: 18px; } .topLink { width: 400px; float: right; text-align: right; position: relative; z-index: 9999; } .topLink .f_count { color: #ff0000; font-size: 13px; font-weight: bold; } .topLink .k2 { color: #074b91; font-size: 14px; font-family: "寰蒋闆呴粦"; } /*鐑棬鎼滅储*/ .xxs { background: url(../images/xx.png) no-repeat center top; width: 1200px; margin: 0 auto; margin-top: 15px; margin-bottom: 10px } .k1 { line-height: 32px; margin-top: 30px; float: left; } #formsearch { float: right; margin-top: 30px; } /*鎼滅储鍜岀儹闂ㄦ悳绱?/ .hotSearch a { margin-right: 6px; } #formsearch input { height: 22px; background: #fff; border: 1px solid #666; line-height: 22px; } #formsearch input#keyword { height: 22px; line-height: 22px; padding-left: 4px; color: #666; } #formsearch input#s_btn { width: 46px; height: 24px; line-height: 24px; text-align: center; background-color: #2B2B2B; color: #fff; border: none; cursor: pointer; } /*鐑棬鍏抽敭璇?/ .words { overflow: hidden; margin-right: -1.3%; padding-top: 5px; } .words li { width: 46%; float: left; border: 1px dashed #d0d0d0; background: #fcfcfc; padding-left: 0px; margin-bottom: 10px; text-align: center; } .new1 li { border-bottom: 1px dashed #000; padding-left: 13px; } .right_word { margin-left: 5%; } /**/ .c1 { width: 1920px; position: relative; left: 50%; margin-left: -960px; background: url(../images/c1.jpg) no-repeat center top; height: 748px; overflow: hidden; } .c1_con { width: 1200px; margin: 0 auto; padding-top: 60px; position: relative; } .c1tt { text-align: left; background: url(../images/wh.png) no-repeat center left; height: 126px; padding-left: 100px; color: #333333; font-size: 36px; line-height: 92px; text-transform: uppercase; } .c1tt span { font-size: 16px; font-weight: normal; display: block; line-height: 0px; color: #000; } .yy1 { width: 400px; height: 110px; overflow: hidden; display: block; margin-top: 30px; float: left; } .sz { color: #fff; font-size: 25px; background: url(../images/bg1.png) no-repeat center; width: 83px; height: 83px; line-height: 83px; text-align: center; float: left; font-size: 35px; float: left; } .nr1 { width: 300px; float: right; } .ntt { color: #333; font-size: 16px; } .nrs { display: block; margin-top: 5px; color:#fff; font-size: 14px; line-height: 25px; height: 50px; overflow: hidden; font-weight: bold } .yy2 { width: 400px; height: 110px; overflow: hidden; float: right; margin-top: 140px; } .yy3 { width: 400px; height: 110px; overflow: hidden; float: left; margin-top: 30px; } .yy4 { width: 400px; height: 110px; overflow: hidden; float: right; margin-top: 140px; } /**/ .c2 { width: 1920px; position: relative; left: 50%; margin-left: -960px; background: url(../images/c2.png) no-repeat center top; height: 720px; overflow: hidden; } .c2_con { width: 1200px; margin: 0 auto; padding-top: 60px; position: relative; } .c2tt { text-align: right; background: url(../images/wh2.png) no-repeat center right; height: 134px; padding-right: 60px; color: #333333; font-size: 36px; line-height: 92px; text-transform: uppercase; } .c2tt span { font-size: 16px; font-weight: normal; display: block; line-height: 0px; color: #000; } .yss { width: 400px; float: right; margin-right: 100px; } .yy1x { width: 500px; height: 110px; overflow: hidden; display: block; margin-top: 15px; float: left; } .szx { color: #fff; font-size: 25px; background: url(../images/yuan.png) no-repeat center; width: 80px; height: 80px; line-height: 83px; text-align: center; float: left; font-size: 35px; float: left; text-transform: uppercase; } .nr1x { width: 400px; float: right; } .nttx { color: #333; font-size: 16px; } .nrsx { display: block; margin-top: 5px; font-size: 14px; line-height: 25px; height: 50px; overflow: hidden } /**/ .c3 { width: 1920px; position: relative; left: 50%; margin-left: -960px; background: url(../images/c3.png) no-repeat center top; height: 650px; overflow: hidden; } .c3_con { width: 1200px; margin: 0 auto; padding-top: 35px; } .news_z { width: 604px; margin-top: 40px; float: left; } .news_r { width: 562px; margin-top: 10px; float: right; } .news_list3 {} .news_list3 li { line-height: 27px; position: relative; margin-bottom: 25px; height: 90px; border-bottom: 1px dashed #000; } .news_list3 li a { line-height: 27px; color: #000; } .news_list3 li a:hover { text-decoration: none; color: #8039C5; } .news_list3 li span { color: #000; z-index: 0; line-height: 27px; position: absolute; right: 0px; top: 0px; } .news_list3 li h3 { position: absolute; left: 0px; top: 0px; width: 77px; height: 104px; display: block; font-weight: normal; } .news_list3 li h3 dd { color: #000; width: 77px; height: 50px; float: left; line-height: 50px; font-size: 46px; text-align: center; display: block; font-weight: bold; } .news_list3 li h3 b { color: #000; width: 77px; height: 36px; float: left; line-height: 36px; font-size: 16px; text-align: center; position: absolute; bottom: 20px; left: 0; font-weight: normal; } .news_list3 li dd { width: 470px; height: 20px; line-height: 20px; position: absolute; right: 0; top: 0; color: #000; font-size: 16px; } .news_list3 li dd a { color: #000; } .news_list3 li dt { width: 470px; height: 48px; line-height: 22px; position: absolute; right: 0; top: 30px; color: #000; font-size: 14px; overflow: hidden; } .news_list2 {} .news_list2 li { line-height: 27px; position: relative; } .news_list2 li img { width: 602px; height: 194px; border: 1px solid #cac8c9; } .news_list2 li dd { width: 602px; height: 40px; font: 400 16px/40px "脙楼脗戮脗庐脙篓脗陆脗炉脙漏芒鈧好⑩偓娄脙漏脗禄芒鈧?; color: #000; background: url(../images/tx.png) no-repeat left bottom; } .news_list2 li dt { width: 602px; height: 46px; font: 400 14px/22px "脙楼脗戮脗庐脙篓脗陆脗炉脙漏芒鈧好⑩偓娄脙漏脗禄芒鈧?; color: #000; /* text-indent: 2em; */ margin-top: 10px; } .news_list2 li dt a { color: #000; } .news_list2 li dd a { color: #000; } .news_list2 li a { line-height: 27px; color: #666; } .news_list2 li a:hover { text-decoration: none; color: #8039C5; } .news_list2 li h3 { position: absolute; left: 0px; top: 0px; background: url(../images/ttm.png); width: 76px; height: 76px; display: block; font-weight: normal; } .news_list2 li h3 dd { color: #000; width: 76px; height: 53px; float: left; line-height: 53px; font-size: 46px; text-align: center; } .news_list2 li h3 dl { color: #000; width: 76px; height: 28px; float: left; line-height: 17px; font-size: 14px; text-align: center; } .news_list2 b { width: 100px; height: 32px; background: #000; line-height: 32px; color: #fff; font-size: 14px; text-align: center; margin-top: 6px; display: block; font-weight: normal; } .news_list2 b a { color: #fff; } /**/ .c4 { width: 1920px; position: relative; left: 50%; margin-left: -960px; background: url(../images/c4.png) no-repeat center top; height: 640px; overflow: hidden; } .c4_con { width: 1200px; margin: 0 auto; padding-top: 65px; } .contentx { display: block; margin-top: 35px; } .product_list1 {} .product_list1 li { float: left; margin-left: 15px; margin-right: 15px; padding-bottom: 15px; _display: inline; } .product_list1 li a.img { border: 1px solid #666; } .product_list1 li a.img img { width: 280px; height: 200px; } .product_list1 li h3 { padding-top: 10px; color: #000; padding-left: 5px; font-size: 14px } .product_list1 li h3 a { font-weight: normal; color: #000; font-size: 14px; } .product_list1 li a.img { display: block; } .product_list1 li a.img:hover { border-color: #8039C5; } .roll_product { float: left; } .zx { width: 228px; height: 30px; line-height: 30px; border-radius: 6px; background: #8039C5; height: 30px; display: block; text-align: center; display: block; margin-top: 10px; } .zx a { color: #fff; } /**/ .c5 { width: 1920px; position: relative; left: 50%; margin-left: -960px; background: url(../images/c5.png) no-repeat center top; height: 540px; overflow: hidden; } .c5_con { width: 1200px; margin: 0 auto; padding-top: 35px; } .lxs { color: #fff; width: 650px; float: right; display: block; margin-top: 60px; } .latp { width: 465px; height: 450px; float: left; margin-top: 10px; overflow: hidden; } .c3tt { text-align: left; background: url(../images/wh3.png) no-repeat center left; height: 126px; padding-left: 100px; color: #333333; font-size: 36px; line-height: 92px; text-transform: uppercase; } .c3tt span { font-size: 16px; font-weight: normal; display: block; line-height: 0px; color: #fff; } /*涓讳綋鏍峰紡*/ #container { width: 1200px; margin: 0 auto; margin-top: 10px; } .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 { width: 460px; float: left; margin-left: 12px; padding-bottom: 5px; } .about_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 .content { padding: 5px; padding-bottom: 12px; text-indent: 20px; } /*棣栭〉鏂伴椈*/ .news_company { width: 280px; float: right; } .news1_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; } .news_company .content { padding: 5px; } /*棣栭〉宸︿晶鑱旂郴鎴戜滑*/ .contact { width: 218px; float: left; padding-bottom: 5px; margin-top: 10px; } .contact_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; } .contact .content { padding: 5px; padding-left: 8px; } /*宸ョ▼妗堜緥*/ .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; } /*鍙嬫儏閾炬帴*/ .ffs { width: 1920px; position: relative; left: 50%; margin-left: -960px; background: #2B2B2B; line-height: 50px; } .f_link { width: 1200px; margin: 0 auto; line-height: 50px; color: #fff; } /*椤甸潰搴曢儴*/ .ddf { width: 1920px; position: relative; left: 50%; margin-left: -960px; background: #2B2B2B; padding-bottom: 10px; } #footer { position: relative; width: 1200px; margin: 0 auto; text-align: center; padding-top: 8px; } #footer a { color: #fff; } #footer a:hover { color: #8039C5; text-decoration: none; } .nav_foot { text-align: center; line-height: 24px; color: #fff; border-bottom: 1px dashed #fff; line-height: 45px; } .nav_foot a { color: #fff; line-height: 45px; padding: 0 10px; } .copyright { text-align: center; line-height: 24px; color: #fff; } .copyright a { color: #fff; } /*------------鍐呴〉-------------------*/ .left .box { margin-bottom: 10px; } .left .box h3 { line-height: 31px; padding-left: 55px; font-weight: bold; font-family: "寰蒋闆呴粦"; background: url(../images/nav.png) no-repeat 0% 100% #2B2B2B; font-size: 16px; color: #fff; } .left .box .content { padding: 5px 0px; } .prodescription { border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 20px; } .n_banner { width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 455px; overflow: hidden; } .n_banner img { width: 1920px; margin: 0 auto; height: 455px; overflow: hidden; } .left { width: 225px; 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 .content { padding: 5px; line-height: 24px; } .right { width: 940px; 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% #2B2B2B; } .sitemp h2 { width: 340px; float: left; line-height: 31px; text-align: center; text-align: left; text-indent: 55px; color: #fff; font-size: 16px; } .sitemp .site { width: 380px; float: right; text-align: right; line-height: 30px; color: #fff; } .sitemp .site a { color: #fff; } .right .content { padding: 10px; padding-top: 15px; overflow: hidden; line-height: 24px; } /*璇█鍒囨崲*/ .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: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; } /*----- Common css ------*/ .fl { float: left; } .fr { float: right; } .di { _display: inline; } .fwn { font-weight: normal; } .dib { *display: inline; _zoom: 1; _display: inline; _font-size: 0px; } .navigation { float: right; width: 100px; } .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; } .index-table td { border: solid #add9c0; border-width: 0px 1px 1px 0px; padding: 10px 5px; } .index-table { border: solid #add9c0; border-width: 1px 0px 0px 1px; margin-top: 10px; }