@charset "utf-8"; /* CSS Document */ body,ul,li,p,hr,h1,h2,h3,h4,h5,h6,form,input{padding:0;margin:0;} body{font-size:12px; color:#838383; line-height:22px;background:url(../images/bg.gif); font-family:微软雅黑; min-width:1120px;} a{color:#3a3a3a; text-decoration:none;} img{border:none;} li{ list-style:none;} em{ font-style:normal;} .cf:before,.cf:after{content:"";display:table;} .cf:after{clear:both} .cf{*zoom:1;} .fl{ float:left} .fr{ float:right;} input{ font-family:微软雅黑;color:#666; outline:none; font-size:14px;} select{width:150px; border:1px solid #cccccc; padding:2px; color:#666;font-family: 微软雅黑; font-size:14px;outline:none;} .hbg{ background:#FFF url(../images/cbg.gif) repeat-x bottom; } .header{ width:1120px; margin:0 auto; height:150px; position: relative; } .logo{ position:absolute; top:8px; left:50%; margin-left:-40px; } .pnl{ position:absolute; top:94px; right:50%; padding-right:70px; } .pnr{ position:absolute; top:94px; left:50%; padding-left:70px; } .nav li{ float:left; padding:0 30px; } .nav a{ font-size:14px; color:#000000; } .focus-index{ background:#FFF url(../images/bbg.gif) repeat-x bottom; height:523px; position:relative; } .focus-index ul{ position:absolute; top:0; left:0; z-index:1; width:100%; height:510px; } .focus-bar{ position:absolute; bottom:20px; left:0; text-align:center; width:100%; line-height:10px; z-index:2; } .focus-bar span{ display:inline-block; background:#b5a584; border:2px solid #b5a584; width:8px; height:8px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; margin:0 2px; } .focus-bar .fbcur{ border:2px solid #b5a584; background: none; } .index-box{ width:1120px; margin:0 auto; overflow:hidden; } .hab{ padding:70px 0; } .abti{ text-align:center; padding:0 0 50px 0; } .abtxt{ text-align:center; font-size:16px; color:#534933; font-family:宋体; line-height:30px; padding-bottom:30px; } .abctr{ text-align:center; padding-top:50px; } .htxt{ display:inline-block; color:#FFF; text-align:center; padding:0 30px; font-family:宋体; line-height:26px; overflow:hidden; } .htxt h3{ font-size:27px; font-weight:normal; padding-bottom:20px; font-family:微软雅黑; } .hbtn{ display:inline-block; border:1px solid #FFF; padding:2px 30px; color:#FFF; margin-top:20px; } .buy{ display:inline-block; border:1px solid #b5a584; padding:2px 30px; color:#b5a584; margin-top:20px; } .hnews{ width:1200px; } .hnews li{ float:left; margin-right:32px; margin-bottom:32px; width:352px; } .hntxt{ width:330px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:10px; background:#FFF; height:102px; overflow:hidden; } .hnti{ font-size:16px; } .time{ color:#999999; padding-bottom:4px; } .fbg{ background:url(../images/fbg.jpg) repeat-x; } .footer{ width:1120px; font-size:14px; line-height:26px; height:165px; margin:0 auto; text-align:center; padding-top:50px; color:#FFF; } .fitem{ color:#333; text-align:left; } .fitem img{ float:left; margin-right:12px; } .fnav{ text-align:center; } .fnav li{ display:inline-block; color:#FFF; margin: 0 8px; } .fnav a{ color:#FFF; } .ctab{ text-align:center; margin:40px 0; } .ctab span{ display:inline-block; background:url(../images/line.gif) no-repeat center; width:70px; height:30px; vertical-align:middle; } .tab{ display:inline-block; border-top:1px solid #b5a584; border-left:1px solid #b5a584; border-bottom:1px solid #b5a584; margin:0 6px; } .tab li{ display:inline-block; } .tab a{ display:inline-block; padding:0 20px; height:28px; line-height:28px; border-right:1px solid #b5a584; color:#b5a584; font-size:14px; } .tab a:hover,.tab .tabCur{ background:#b5a584; color:#ffffff; } .product{ border:1px solid #e9e4da; margin-bottom:20px; } .proImg{ height:398px; width:750px; overflow:hidden; } .proTxt{ background:#FFF; padding:50px 30px; width:308px; height:298px; overflow:hidden; text-align:center; } .proTxt h3{ font-size:24px; font-weight:normal; color:#333333; line-height:30px; } .proTxt h4{ display:inline-block; font-size:12px; font-weight:normal; color:#333333; margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid #b5a584; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; } .price{ color:#333333; padding:30px 0; } .productList{ width:1200px; margin-top:12px; } .productList li{ float:left; width:254px; border:1px solid #e8e3d9; margin-right:32px; margin-bottom:32px; background:#FFF; } .proTit{ text-align:center; padding:10px; color:#333; height:72px; overflow:hidden; } .proTit h3{ font-size:18px; font-weight:normal; padding-bottom:10px; line-height:20px; } .proTit h3 span{ font-size:11px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; } .proTit2{ padding:10px; line-height:18px; height:84px; overflow:hidden; color:#999999; } .proTit2 h3{ font-size:18px; font-weight:normal; padding-bottom:12px; } .cbg{ } .pat46{ padding-top:46px; } .pat86{ padding-top:86px; } .w-832{ width:832px; } .w-256{ width:256px; } .xxinfo{ border:1px solid #e9e4da; background:#FFF; padding:20px; } .xxtxt{ width:360px; padding:0 10px; font-size:14px; line-height:26px; } .xxti{ font-size:18px; color:#333333; padding-bottom:20px; line-height:22px; } .xdbtn{ display:inline-block; background:#b5a584; color:#FFF; font-size:16px; width:126px; height:40px; line-height:40px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .xxsm{ height:192px; overflow:hidden; color:#666666; } .pink{ color:#dd1b64; } .fs24{ font-size:24px; } .xxbox{ border:1px solid #e9e4da; background:#FFF; padding:20px; margin-top:20px; margin-bottom:30px; } .sdTi{ background:#b5a584; color:#FFF; height:30px; line-height:30px; font-size:15px; padding:0 16px; } .sdbox{ border:1px solid #e9e4da; padding:19px; background:#FFF; } .saw{ text-align:center; padding-bottom:16px; font-size:14px; } .saw img{ margin-bottom:6px; } .pop{ position:fixed; z-index:1000; width:420px; background:#FFF; padding:20px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; top:30%; left:50%; margin-left:-230px; font-size:14px; color:#666666; box-shadow:0 0 3px #999; } .intxt{ border:1px solid #e9e4da; width:268px; height:24px; padding:5px; line-height:24px; } .abpho{ position:relative; height:230px; width:100%; } .abpbg{ display:block; background:#b5a584; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; width:100%; height:230px; position:absolute; top:0; left:0; z-index:0; } .abpbox{ position:absolute; top:40px; left:50%; margin-left:-560px; z-index:2; width:1120px; overflow:hidden; height:260px; } .actr{ text-align:center; .} .jqfocus{ position:relative; width:1120px; height:460px; overflow:hidden; margin-top:30px; overflow: hidden; } .jqfocus ul{ position: absolute; top:0; left:0; z-index:0; } .jqctrL{ position:absolute; top:205px; left:30px; z-index:2; } .jqctrR{ position:absolute; top:205px; right:30px; z-index:2; } .pages{ text-align:center; padding:30px 0; } .pages a{ display:inline-block; border:1px solid #b5a584; color:#b5a584; height:18px; line-height:18px; padding:0 6px; margin:0 3px; } .pages span{ display:inline-block; border:1px solid #dc1b64; color:#dc1b64; height:18px; line-height:18px; padding:0 6px; margin:0 3px; } .details{ font-size:14px; line-height:30px; color:#333; padding:30px 0; } .backList{ text-align:center; padding:20px 0 80px 0; } .backList a{ display:inline-block; color:#b5a584; border:2px solid #b5a584; padding:10px 50px; font-size:18px; } .title{ font-size:20px; color:#534933; text-align:center; } .tien{ text-align:center; color:#534933; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; background:url(../images/tix.gif) no-repeat center bottom; padding-bottom:40px; } .souces{ text-align:center; color:#999999; padding:6px 0; } /*图标旋转*/ .img{ -moz-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } .img:hover{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } /*图片旋转放大*/ .img-rs { width: 100%; height: 100%; overflow: hidden; display: block; } .img-rs:hover img { -moz-transition: all 0.3s linear 30ms; -webkit-transition: all 0.3s linear 30ms; -o-transition: all 0.3s linear 30ms; transition: all 0.3s linear 30ms; -moz-transform: rotate(0deg) scale(1.2); -webkit-transform: rotate(0deg) scale(1.2); -o-transform: rotate(0deg) scale(1.2); transform: rotate(0deg) scale(1.2); } a,a * { text-decoration: none; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; outline: none; star: expression(this.onFocus=this.blur()); } ::-webkit-scrollbar { width: 10px; background: #949494; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } ::-webkit-scrollbar-button { display: none; } ::-webkit-scrollbar-track { background: #E6E6E6; } ::-webkit-scrollbar-thumb { background: #808080; border-radius: 100px; -webkit-border-radius: 100px; } ::-webkit-scrollbar-thumb:active { background: #302c2a; }