@charset "utf-8"; /*reset.css*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;} del,ins{text-decoration:none;} li{list-style:none;} caption,th{text-align:left;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:baseline;} sub{vertical-align:baseline;} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} input,button,textarea,select{*font-size:100%;} input,select{vertical-align:middle;} body{font:12px/1.231 arial,helvetica,clean,sans-serif;} select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;} table{font-size:inherit;font:100%; border-collapse:collapse;} pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} .txtboxcs{ border:solid 1px #ccc; height:22px;} h1 { font-size:32px;} h2 { font-size:26px;} h3 { font-size:20px;} h4 { font-size:14px;} h5 { font-size:12px;} h6 { font-size:10px;} .mt10 { margin-top:5px;} /*common.css*/ body { color:#666; font-size:12px; font-family: "Microsoft YaHei";} /*网站字体颜色*/ a { color:#666; text-decoration:none;} /*for ie f6n.net*/ a:focus{outline:0;} /*for ff f6n.net*/ a:hover { text-decoration:none;} .vam { vertical-align:middle;} .clear{clear:both; height:0; line-height:0; font-size:0;} p{ word-spacing:-1.5px;} .tr { text-align:right;} .tl { text-align:left;} .center { text-align:center;} .fl { float:left;} .fr { float:right;} .pa{ position:absolute;} .pr{ position:relative} /* -- 购物车外部框架 -- */ .cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;} /* -- 页面整体布局 -- */ .header , .content , .footer { width:1200px; margin:0 auto; overflow:hidden; } .header{width:1400px;} .left { width:251px; float:left; overflow:hidden;} .left2 { width:670px; float:left; overflow:hidden;} .left3 { width:754px; float:left; overflow:hidden; color:#666;} .lefttop { background:url(img/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;} .left2top { background:url(img/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;} .leftbot { height:3px; font-size:0; overflow:hidden; margin-bottom:10px;} .left2bot { background:url(img/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; } .right { width:744px; float:right; display:inline; margin-left:5px; overflow:hidden;} .right2 { width:275px; float:right; overflow:hidden;} .right3 { width:201px; float:right; overflow:hidden; color:#666;} .right2top { height:3px; font-size:0; overflow:hidden;} .rightbot { background:url(img/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;} .right2bot { background:url(img/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;} .right_main { margin: 0 auto;width:940px;padding-bottom: 15px;overflow: hidden;} .right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; padding-bottom:15px; overflow:hidden; margin-bottom:2px;} .left2_main { width:668px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;} .list_content { border: 1px solid #ccc;padding: 15px; } .h_nav li a:-webkit-any-link{ display:block;} body{background:#fff;} em{font-style:normal;} .clearfix{zoom:1;} .clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;} /*头部开始*/ .top{max-width:100%;margin: 0 auto;background:url(img/top_bg.gif) repeat-x 0 top;height:219px; position:relative;overflow: hidden; } .h_top{color:#989898;line-height:24px;} .h_top span{display:block; text-align:right;} .h_top span a{display:inline-block; padding:0 10px 0 26px;} .h_top span a.wb1{background:url('img/wb1.gif') no-repeat 0 center;} .h_top span a.wb2{background:url('img/wb2.gif') no-repeat 0 center;} .h_top span a.wb3{background:url('img/wb3.gif') no-repeat 0 center; position:relative; cursor:pointer;} .win{position: absolute;right:250px;top:50px;background:yellow;z-index:9999;display:none;height:120px;width:120px;} .h_top span i{ display:none;} .qcode{ position:absolute; top:15px; left:14px; display:none; width:120px; height:120px;} .qcode img{width:120px; height:120px;} .h_top p{text-align:right;margin-bottom: 18px;line-height: 30px;} .h_top p a{padding:0 6px 0 8px;color:#989898;height:24px; display:inline-block;} .h_top p a img{vertical-align:middle;} .h_top p a.wb1{background:url('img/wb1.gif') no-repeat 0 center; padding-left:23px;margin-left:8px;} .h_top p a.wb2{background:url('img/wb2.gif') no-repeat 0 center; padding-left:23px;margin-left:8px;} .h_con{padding:0;height:108px; overflow: hidden;width:1200px;margin:auto;} .h_con h1{float:left;} .h_con h1 a{display:inline-block;} .h_con h1 img{vertical-align:middle;} .h_con .ewm{position:absolute; right:0;} .h-logo{float: left; width:620px;} .h-logo em{color:#a03c16;font-family:'Microsoft YaHei'; font-size:16px;display: block;float: left; padding:12px 0 0 10px; line-height:26px;} .h-logo em span{display:block; color:#f3a233; font-size:22px;} .h-pho{float:right;width:216px; color:#4c4c4c; font-family:'Microsoft YaHei'; padding:30px 0 0 50px; background:url('img/pho.gif') no-repeat 0 30px;} .h-pho span{font-size:12px; color:#6c6d6e;display:block; float: right;width:100%;} .h-pho b{color:#f8c301;font-size:28px;line-height:34px; font-weight:normal;display:block;} .h_nav{height: 63px;overflow: hidden;font-family:'Microsoft YaHei';width:1150px;margin:0 auto;} .h_nav ul{font-size:0;} .h_nav li{height: 63px;width: 159px;float: left;background: url(img/h_tx.png) no-repeat right center;font: 16px "Microsoft YaHei";color: #fff; line-height: 63px;text-align: center;margin-right: -25px;} .h_nav li a:-webkit-any-link { display: block; } .h_nav .cur a { z-index: 22; } .h_nav li a:hover, .h_nav .cur a { font-weight: bold; background-position: center top; display: inline-block; position: relative; z-index: 20; text-decoration: none; } .h_nav li a { color: #fff; height: 63px; width: 156px; background: url(img/h_tb.png) no-repeat center 63px; display: inline-block; } .h_nav li.first{background:none;} /*--- 搜索 ---*/ .h-ser{background:url('img/h_ser.gif') repeat-x;height:42px; max-width: 1600px;margin: 0 auto;} .ser-con{width:1200px; margin:0 auto;} .h-ser p {float:left;width:820px;line-height:42px; } .h-ser p b {color:#333; font-weight:normal;padding-left:28px; background:url('img/ico.gif') no-repeat 0 center;} .h-ser p a {padding:0 6px; color:#666;} .s-inp {width:336px; position:relative; padding:7px 0 0;} .inp01 {background:url(img/s_inp.gif) no-repeat;width:240px; height:30px; line-height:30px; border:none; padding:0 0 0 31px;} /*头部结束*/ /*底部开始*/ .f-wrap{background:url(img/f_bg.gif) repeat center 0;height:205px;} .footer-a{height:50px; line-height:50px; color:#fff; text-align:center;} .footer .footer-a span{margin:0 2px; padding:0;} .footer-a a{color:#fff;text-align:center; padding:0; display:inline-block; margin:0 5px;} .footer-b{padding:37px 0 0;position:relative; } .footer-b em{display:block; text-align:center;} .footer-b p{color:#303030;text-align:center; } .footer-b p img{margin:0 0 0 15px; display:inline-block; vertical-align:middle; } .footer-b p span{display:block;line-height:14px;padding-bottom:10px;} .footer-b p i{font-style:normal; display:inline-block; padding-left:25px;} .f_pic01{position:absolute; right:80px; top:42px;} .f_pic02{position:absolute; right:30px; top:42px;} .footer-b p span a{ color:#141414;} /*temp.css*/ #nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px 0; background:url(img/nodata.gif) no-repeat 20px 20px;} /* -- 弹出窗口 -- */ #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;} /*rollup.css*/ #roll_top,#fall,#ct{position:relative;cursor:pointer;height:72px;width:26px}#roll_top{background:url(img/top.gif) no-repeat}#fall{background:url(img/top01.gif) no-repeat 0 -80px}#ct{background:url(img/top01.gif) no-repeat 0 -40px}#roll{display:block;width:15px;margin-right:-500px;position:fixed;right:50%;top:50%;_margin-right:-505px;_position:absolute;_margin-top:300px;_top:expression(eval(document.documentElement.scrollTop))} .ImTable *{padding:0px;margin:0px} .ImTable{border-collapse:collapse;border:none;background:url(img/bg.gif)} .ImTable h2{font-size:14px;font-weight:bold;margin-top:5px} .ImHeader{height:135px;background:url(img/im_01.gif)} .ImRow0{background:url(img/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:5px;padding-top:4px; overflow:hidden; width:129px; } .ImRow1{background:url(img/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:5px;padding-top:4px; overflow:hidden; width:129px;} a.im,a:hover.im{text-decoration:none;height:35px; font-size:12px; overflow:hidden; width:150px;} .ImFooter{height:90px;background:url(img/im_04.gif) no-repeat; display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;} .ImFooter h5{font-size:14px;font-weight:normal; color:#8f9396;text-align:center;margin:15px 0 0;font-family:'宋体';} .ImFooter p{font-size:20px;font-weight:bold; color:#ff993b;text-align:center;margin:43px 0;} .pro .gao{ height:560px; overflow:hidden;} .pro{ height:800px; overflow:hidden;} .pro .pr_fl{ width:230px; position:relative; height:781px; overflow:hidden; } .pr_fl h3{ height:60px; font:24px "Microsoft YaHei"; font-weight:bold; color:#fff; line-height:60px; text-align:center; background:url(img/pro_b1.jpg) no-repeat center top;margin-bottom: 30px; width:232px;} .pr_fl h3 a{ color:#fff;} .pr_fl { height:390px; background:url(img/pro_bj1.jpg); } .pr_fl ul li{ cursor: pointer; height:40px; width:140px; font:14px "Microsoft YaHei"; color:#303030; line-height:40px; padding-left:60px; background:url(img/pro_b2.jpg) no-repeat center top; margin:0 auto 10px; cursor:pointer;} .pr_fl ul li a{ color:#303030;} .pr_fl p{ height:132px; position:absolute; left:8px; bottom:0; background:url(img/pro_b6.jpg) no-repeat center top;} .pr_fl span{ width:160px; height:74px; float:right; display:inline-block; float:right; background:url(img/pro_b3.jpg) no-repeat 0 0; padding-left:55px; font:14px "Microsoft YaHei"; color:#fff; line-height:14px; margin-top:46px;} .pr_fl span em{ font:20px Arial; font-weight:bold; color:#fff; line-height:34px;} .pro .pr_in{ width:950px; height:780px; border-bottom:1px solid #c4c4c4; overflow:hidden;} .pr_in h3{ height:52px; background:url(img/pro_b8.jpg) no-repeat center top; } .pr_in h3 span{ font:14px Arial; color:#999; line-height:52px; float:right; padding-right:22px; cursor:pointer;} .pr_in h3 strong{ display:inline-block; height:52px; background:url(img/pro_b7.jpg) no-repeat left 16px; font:16px "Microsoft YaHei"; font-weight:bold; color:#303030; line-height:52px; padding-left:32px; margin-left:20px;} .pr_in h3 strong a{color:#303030;} .pr_in h3 strong em{ font:16px Arial; color:#c4c4c4; text-transform:uppercase;} .pr_in ul{ width:948px; height:883px; border:1px solid #c4c4c4; border-top:0; padding-top:18px;} .pr_in li{ float:left; width:215px; height:215px; overflow:hidden; display:inline; margin-left:20px; margin-bottom:24px;} .pr_in li span{ display:inline-block;height:206px; width:202px;border:1px solid #c4c4c4; text-align:center; position:relative; margin-bottom:1px; overflow:hidden; padding:3px; cursor:pointer;} .pr_in li img{ width:200px; height:202px; border:3px dashed #fff;} .pr_in li span em{ width:202px; height:34px; display:inline-block; font:12px "Microsoft YaHei"; color:#505050; line-height:34px; background:#dedede; position:absolute; left:3px; top:175px;} .pr_in li strong{ width:210px; height:34px; background:url(img/pro_b5.jpg) no-repeat center top; display:inline-block; font:14px "Microsoft YaHei"; font-weight:bold; line-height:34px; text-align:center; } .pr_in li strong a{ width:100px; height:34px; display:inline-block; color:#303030;} .pr_in li strong em a{ color:#fff;} .pr_in .cur span{ border:4px solid #0069d3;padding:0px;} .pr_in .cur span em{ left:0; top:172px;} .ys_tit p strong{ width:108px; height:32px; display:inline-block; font:14px "Microsoft YaHei"; color:#303030; line-height:32px; text-align:center; background:url(img/ys_b.gif) no-repeat center top;float:left} .ys_tit p strong a{ color:#303030;} /**/ .dy{ height:427px; background:url(img/dy_bj.jpg) repeat center top; padding-top:48px;} .dy h3{ height:52px; font:16px "Microsoft YaHei"; font-weight:bold; color:#303030; line-height:50px;} .dy h3 span{ font:12px Arial; color:#999; line-height:50px; float:right; padding-right:18px;} .dy h3 strong{ display:inline-block; height:52px; background:url(img/pro_b7f.jpg) no-repeat left 16px; font:16px "Microsoft YaHei"; font-weight:bold; color:#303030; line-height:52px; padding-left:32px; margin-left:20px;} .dy h3 a{color:#303030; } .dy .faq{ width:280px; height:398px; overflow:hidden; margin-right:15px;} .dy .faq h3{ background:url(img/faq_tx.jpg) no-repeat center top;} .faq .faq_txt{ width:305px; height:325px;border:1px solid #c4c4c4; border-top:0; background:#fff; padding:20px 0 0 0; overflow:hidden;} .faq dl{ height:138px; width:254px; background:url(img/dy_x.jpg) repeat-x left bottom;margin: 0 auto 18px 15px;} .faq_txt dt{ height:22px;font:12px "Microsoft YaHei"; font-weight:bold; color:#303030; line-height:22px; background:url(img/faq_q.jpg) no-repeat left top; margin-bottom:15px; padding-left:28px; } .faq_txt dt a{ color:#303030;} .faq_txt dd{padding-left:28px; background:url(img/faq_q-06.jpg) no-repeat 0 5px; font:12px "Microsoft YaHei"; color:#666666; line-height:24px; } .faq_txt .cle_m{ background:none;} .dy .news{ width:450px; height:398px;} .dy .news h3{ background:url(img/new_tx.jpg) no-repeat center top;} .news dl{ width:448px; height:320px;border:1px solid #c4c4c4; border-top:0; background:#fff; padding-top:20px;} .news dt ,.news dt img{ width:420px; height:150px; margin:0 auto;} .news dt { margin-bottom:14px;} .news dd{ width:420px; margin:0 auto;} .news p{ height:34px; background:url(img/dy_x.jpg) repeat-x left bottom; font:12px "Microsoft YaHei"; color:#666666; line-height:34px;} .news p a{ color:#666;} .news p span{ float:right; cursor:pointer;} .link_con{ height:156px; background:url(img/lin_bj.jpg) repeat center top; overflow:hidden;} /**/ .h_pho { width: 228px; height: 62px; padding-left: 84px; margin-right:100px; background: url(img/h_pho.png) no-repeat left center; margin-top: 20px; } .h_pho p span { font: 30px Arial; font-weight: bold; color: #0069d3; line-height: 42px; } .se_inp { width: 334px; height: 34px; background: url(img/ser_bt.jpg) no-repeat left top; margin-top: 4px; } .tint { width: 228px; height: 32px; padding-left: 10px; font: 12px "Microsoft YaHei"; color: #999; line-height: 32px; padding-left: 16px; } .se_inp input { border: 0; background: none; float: left; } .bint { width: 88px; height: 34px; cursor: pointer; } .mobile{display:none;} @media screen and (max-width:980px){ .header{width:1200px;} .mobile{display:block;} }