@CHARSET "utf-8"; /*头部样式*/ .out-head { background: #2e3037; height: 35px; } .head { width: 1200px; margin: 0 auto; } .k3 { font: 400 12px/35px "宋体"; color: #fed64d; } .k2 { line-height: 35px; } #header { width: 1200px; margin: 0 auto; position: relative; } .top {} .logo { position: absolute; top: 0; left: 45%; z-index: 999; } .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; } .k1 { width: 1200px; margin: 0 auto; line-height: 30px; } #menu {} .c1 { width: 1200px; margin: 0 auto; margin-top: 36px; } .c1-title { background: url(../images/biaoti.png) no-repeat center; height: 54px; text-align: center; } .c11 { font: 400 18px/20px "微软雅黑"; color: #343434; } .c11 span { color: #aaaaaa; font-size: 16px; text-transform: uppercase; padding-left: 18px; } .c111 { color: #5f5f5f; font-size: 14px; font-weight: 400; line-height: 46px; } .c1-con { padding-top: 60px; } .c1a { width: 450px; height: 280px; background: #efefef; } .c1b { width: 730px; height: 280px; } .c1aa { width: 420px; margin: 0 auto; } .c1a-title { font: 400 16px/50px "微软雅黑"; color: #2c2b2b; position: relative; } .c1a-title a { position: absolute; right: 0; line-height: 50px; color: #247cdf; font-size: 12px; font-family: "宋体" } .c1-a { font: 400 12px/26px "宋体"; color: #2c2b2b; padding: 14px 14px 0 14px; } .c1bb li { width: 146px; float: left; height: 280px; background: url(../images/c1.png) no-repeat; text-align: center; } .c1-tuu { padding-top: 80px; } .c1b-title1 { font: 400 14px/26px "微软雅黑"; color: #484848; padding-top: 36px; } .c1b-title2 { font: 400 12px/20px "微软雅黑"; color: #828282; text-transform: uppercase; } .c1b-title3 { padding-top: 20px; } .c1bb li:hover { background: url(../images/c11.png) no-repeat; } .c1bb li:nth-child(2) { background: url(../images/c11.png) no-repeat; } .c1bb li:nth-child(4) { background: url(../images/c11.png) no-repeat; } .c1bb li:nth-child(2):hover { background: url(../images/c1.png) no-repeat; } .c1bb li:nth-child(4):hover { background: url(../images/c1.png) no-repeat; } .c2 { background: url(../images/c2.jpg) no-repeat center; height: 860px; margin-top: 65px; } .c2-2 { width: 1214px; margin: 0 auto; padding-top: 52px; } .c2-title { background: url(../images/biaoti1.png) no-repeat center; height: 54px; text-align: center; } .c22 { font: 400 18px/20px "微软雅黑"; color: #fff; } .c22 span { color: #fff; font-size: 16px; text-transform: uppercase; padding-left: 18px; } .c222 { color: #fff; font-size: 14px; font-weight: 400; line-height: 46px; } .c2-box { background: url(../images/c2.png) no-repeat center; height: 684px; overflow: hidden; margin-top: 54px; } .c2-box1 { width: 1200px; margin: 0 auto; } .c2a { width: 240px; } .c2a-title { background: url(../images/pp.jpg) no-repeat 30px 50%; font: 400 16px/70px "微软雅黑"; color: #fff; padding-left: 70px; } .tabli { text-align: center; } .tabli li { width: 240px; height: 50px; text-align: center; cursor: default; font: 400 14px/50px "微软雅黑"; color: #fff; background: url(../images/sort.jpg) no-repeat; } .tabli li a { color: #fff; } .tabli li.cur { color: #febb3a; } .tab { display: none; padding-top: 50px; } .c2b { width: 960px; position: relative; } .c2bb { position: absolute; top: 1px; left: 0; z-index: 999; width: 485px; height: 441px; } .product_list1 {} .product_list1 li { float: left; margin-left: 30px; } .product_list1 li a.img {} .product_list1 li a.img img { width: 280px; height: 210px; } .product_list1 li h3 { text-align: center; } .product_list1 li .ppp a { font: 400 16px/70px "微软雅黑"; color: #444444; } .product_list1 li a.img { display: block; } .product_list1 li .ppp a:hover { color: #e87518; } .roll_product { float: left; } /*搜索和热门搜索*/ .hotSearch a { margin-right: 6px; } #formsearch input { height: 30px; background: none; border: none; line-height: 30px; } #formsearch input#keyword { height: 30px; line-height: 30px; padding-left: 10px; color: #979797; font-size: "宋体"; width: 370px; } #formsearch input#s_btn { width: 46px; height: 30px; line-height: 30px; text-align: center; background-color: none; color: #fff; border: none; cursor: pointer; } /*热门搜索*/ .search { text-align: left; margin-top: 22px; margin-left: 30px; } #formsearch { width: 432px; float: left; background: url(../images/ss.jpg) no-repeat; } .hotSearch { float: left; padding-left: 30px; font: 400 12px/30px "宋体"; color: #979797; } .hotSearch a { color: #979797; } .c3 { width: 1200px; margin: 0 auto; margin-top: 50px; } .c33 { padding-top: 48px; } .product_list2 {} .product_list2 li { float: left; margin-right: 20px; margin-bottom: 20px; } .product_list2 li a.img {} .product_list2 li a.img img { width: 285px; height: 195px; } .product_list2 li a.img { display: block; } .product_list2 li a.img:hover { border-color: #e87518; } .roll_product { float: left; } .product_list2 li:nth-child(4n) { float: right; margin-right: 0 } .c4 { width: 1200px; margin: 0 auto; margin-top: 58px; } .news .news-tab { position: relative; height: 34px; margin-top: 18px; width: 286px; margin: 0 auto; overflow: hidden; } .news .news-tab .more { position: absolute; right: 10px; top: 0; font: 400 12px/34px "Microsoft Yahei"; color: #888787; } .news .news-tab li { width: 125px; color: #6a6969; font: 400 14px/34px "Microsoft Yahei"; float: left; cursor: pointer; text-align: center; background: #f2f2f2; margin-right: 18px; border-radius: 6px; } .news .news-tab li.cur { background: #247cdf; color: #fff; } .tabb { padding-top: 46px; } .news_list3 li { margin-bottom: 28px; width: 530px; float: left; height: 60px; } .news_list3 li:nth-child(2n) { float: right; } .ss { width: 65px; height: 60px; background: #bebebe; border-radius: 6px; text-align: center; } .ss3 { width: 430px; margin-right: 20px; } .ss1 { font: 400 18px/24px "arial"; color: #fff; padding-top: 8px; } .ss2 { font: 400 12px/24px "arial"; color: #fff; } .ss3 a { font: 400 14px/20px "微软雅黑"; color: #282828; } .ss3 span { font: 400 12px/22px "宋体"; color: #888888; display: block; } .news_list3 li:hover .ss { background: #247cdf } .news_list3 li:hover .ss3 a { color: #247cdf } .c4aa { width: 600px; } .c4bb { width: 530px; } .news_sub a { font: 400 14px/42px "微软雅黑"; color: #282828; } .news_sub span { font: 400 12px/20px "宋体"; color: #666666; display: block; } .ne-more { padding-top: 20px; } /*主体样式*/ #container { width: 1200px; margin: 0 auto; margin-top: 30px; } .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; } /*----- 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; } /*友情链接*/ .link { background: #f2f2f2; height: 110px; margin-top: 58px; } .f_link { width: 1200px; margin: 0 auto; line-height: 40px; padding-top: 20px; } /*页面底部*/ .out-foot { background: url(../images/foot.jpg) no-repeat top center; /*height: 407px;*/ } .foot { width: 1200px; margin: 0 auto; padding-top: 42px; height: 232px; overflow: hidden; } .f1 { width: 245px; } .f2 { width: 220px; text-align: center; margin-left: 40px; } .f3 { width: 220px; text-align: center; margin-left: 10px; } .f4 { width: 220px; text-align: center; margin-left: 10px; } .f5 { width: 200px; text-align: center; } .ww1 { font: 400 16px/46px "微软雅黑"; color: #fff; } .sortw li a { font: 400 12px/22px "宋体"; color: #fff; } .sortw li a:hover { color: #e87518; text-decoration: none; } #footer { position: relative; width: 1000px; margin: 0 auto; text-align: center; margin-bottom: 10px; padding-top: 8px; border-top: 2px solid #eee; margin-top: 15px; } #footer a { color: #666; } #footer a:hover { color: #e87518; text-decoration: none; } .nav_foot { text-align: center; line-height: 24px; color: #666; } .copyright { text-align: center; line-height: 24px; } .foot1 { width: 1200px; margin: 0 auto; } .ff1 { font: 400 12px/24px "宋体"; color: #fff; padding-top: 22px; width: 760px; } .ff1 a { color: #fff; } .ff2 { padding-top: 20px; } .foot1 a:hover { color: #e87518; text-decoration: none; } /*------------内页-------------------*/ .left .box { margin-bottom: 10px; } .left .box h3 { line-height: 20px; padding-left: 15px; font-weight: normal; font-family: "微软雅黑"; background: url(../images/ntt1.png) no-repeat 0% 50%; font-size: 16px; color: #000; height: 50px; } .left .box h3 span { font-size: 12px; color: #949494; font-family: "Arial"; } .left .box .content { padding: 0 10px 0 10px; } .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; } .n_banner img { width: 1920px; margin: 0 auto } .left { width: 220px; 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 {} .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: 920px; float: right; padding-bottom: 10px; padding-left: 26px; } .sitemp { line-height: 45px; height: 45px; border-bottom: 1px solid #d8d8d8; } .sitemp .site { line-height: 45px; font-family: "宋体" } .right .content {}