@charset "utf-8"; html { font-size: 100%; /* overflow-y:scroll; */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; } body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; } fieldset,img { border: 0; vertical-align: top; } ol,ul,li { list-style-type: none; } table { border-collapse: collapse; border-spacing: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } em,i { font-style: normal; } input,textarea { border: none; resize: none; outline: none; -webkit-appearance: none; } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } a { color: #666; text-decoration: none; outline: none; blr: expression(this.onFocus=this.blur()); } * { box-sizing: border-box; } /*公用*/ body { font-family: 'Microsoft Yahei',Arial; color: #666; font-size: 14px; background: #fff; } img { max-width: 100%; height: auto; width: auto\9; -ms-interpolation-mode: blicubic; } .clearfix:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; visibility: hidden; } .clearfix { zoom:1} .fl { float: left; } .fr { float: right; } .mb20 { margin-bottom: 20px; } .eps { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wrapper { width: 100%; max-width: 640px; min-width: 250px; margin: 0 auto; position: relative; padding: 2.3rem 0 2.7rem 0; overflow: hidden; } .con { padding: 0 2%; } @font-face { font-family: 'iconfont'; /* project id 322984 */ src: url('//at.alicdn.com/t/font_r55ce8540g6cg14i.eot'); src: url('//at.alicdn.com/t/font_r55ce8540g6cg14i.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_r55ce8540g6cg14i.woff') format('woff'), url('//at.alicdn.com/t/font_r55ce8540g6cg14i.ttf') format('truetype'), url('//at.alicdn.com/t/font_r55ce8540g6cg14i.svg#iconfont') format('svg'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-pingfeng:before { content: "\e610"; } .icon-tel:before { content: "\e604"; } .icon-qq:before { content: "\e607"; } .icon-szaidisai1:before { content: "\e627"; } .icon-shouji:before { content: "\e61f"; } .icon-yjt:before { content: "\e77b"; } .icon-svg17:before { content: "\e838"; } .icon-navMenu:before { content: "\e602"; } .icon-phone-line:before { content: "\e6ed"; } .icon-qiaweixinxi:before { content: "\e61d"; } .icon-jiayongdianqi:before { content: "\e606"; } .icon-nav3:before { content: "\e61a"; } .icon-icon5:before { content: "\e609"; } .icon-rwh:before { content: "\e6a8"; } .icon-nav4:before { content: "\e638"; } .icon-yuanzhuohuiyi:before { content: "\e64c"; } .icon-bxgfdm:before { content: "\e622"; } .icon-szaidisai4:before { content: "\e628"; } .icon-chuangyi:before { content: "\e611"; } .icon-nav2:before { content: "\e623"; } .icon-xcx3:before { content: "\e60c"; } .icon-ledon:before { content: "\e90e"; } .icon-xcx6:before { content: "\e677"; } .icon-guanyuwomen:before { content: "\e605"; } .icon-hhsmm:before { content: "\e624"; } .icon-jianpan:before { content: "\e621"; } .icon-yizi:before { content: "\e612"; } .icon-ssj:before { content: "\e600"; } .icon-nav7:before { content: "\e66c"; } .icon-jiudian1:before { content: "\e614"; } .icon-neirong:before { content: "\e60a"; } .icon-xcx7:before { content: "\e6e4"; } .icon-mumen:before { content: "\e660"; } .icon-shiyanshi:before { content: "\e69d"; } .icon-icon-user-bold:before { content: "\e61c"; } .icon-daohang:before { content: "\e60d"; } .icon-xcx4:before { content: "\e61e"; } .icon-wenjiangui:before { content: "\e68f"; } .icon-hhbxgfdm:before { content: "\e70d"; } .icon-chaji1:before { content: "\e616"; } .icon-nav5:before { content: "\e613"; } .icon-80:before { content: "\e6a7"; } .icon-xx:before { content: "\e608"; } .icon-fenlei:before { content: "\e619"; } .icon-szaidisai2:before { content: "\e633"; } .icon-tuwen-liulanliang:before { content: "\e67b"; } .icon-fjh:before { content: "\e7b0"; } .icon-nav6:before { content: "\e618"; } .icon-xcx1:before { content: "\e64b"; } .icon-chuwei:before { content: "\e64e"; } .icon-xxh:before { content: "\e625"; } .icon-icon-test:before { content: "\e615"; } .icon-xcx5:before { content: "\e63a"; } .icon-tuzhi:before { content: "\e617"; } .icon-xingming:before { content: "\e755"; } .icon-xcx2:before { content: "\e8c0"; } .icon-search:before { content: "\e60b"; } .icon-xcxindex:before { content: "\e60f"; } .icon-LED:before { content: "\e620"; } .icon-szaidisai3:before { content: "\e6a2"; } .icon-xcx0:before { content: "\e65f"; } .icon-shbh:before { content: "\e635"; } .icon-szaidisai5:before { content: "\e629"; } .icon-szaidisai6:before { content: "\e6e5"; } .icon-qiantai:before { content: "\e665"; } .icon-sns:before { content: "\e60e"; } .icon-nav1:before { content: "\e61b"; } .icon-addition_fill:before { content: "\e601"; } .icon-add:before { content: "\e603"; } .icon-shengqing-copy:before { content: "\e77c"; } /* 头部 */ .header { height: 2.3rem; position: fixed; top: 0; z-index: 10; width: 100%; max-width: 640px; margin: 0 auto; } .headMain { position: relative; text-align: center; height: 2.3rem; background: -webkit-linear-gradient(bottom left,#000,#000); background: -ms-linear-gradient(bottom left,#000); background: -moz-linear-gradient(bottom left,#dcad67,#dcad67); background: linear-gradient(bottom left,#dcad67,#dcad67); } .logo { display: table; height: 2.3rem; text-align: center; width: 100%; } .logo a { display: table-cell; vertical-align: middle; } .logo img { vertical-align: middle; max-height: 1.4rem; } .header .icon-navMenu { position: absolute; left: 5%; top: 0; height: 2.3rem; color: #fff; line-height: 2.3rem; color: #fff; } .header .icon-navMenu::before { /* content:" \e60e "; */ /* font-family:"iconfont" !important; */ font-size: 0.8rem; } /*导航 */ .navbar { position: fixed; z-index: 20; height: 100%; top: 2.3rem; overflow: hidden; display: none; width: 100%; max-width: 640px; margin: 0 auto; } .navbar ul { height: 100%; overflow-x: hidden; overflow-y: auto; background: #2b2f3b; width: 9rem; position: relative; z-index: 2; } .navbar ul li { height: 2.3rem; line-height: 2.3rem; border-bottom: 1px solid #3e404c; } .navbar ul li a { display: block; font-size: 0.7rem; color: #555; height: 2.3rem; opacity: 0; transform: translateX(-100%); transition: all 0.4s ease 0s; transition-delay: 160ms; color: #fff; padding-left: 1.3rem; } .navbar ul li a i { font-size: 1rem; margin-right: .7rem; float: left; } .navbar ul li a:hover,.navbar ul li .current { background: #1b1e27; box-shadow: 0.2rem 0 0 #ff680b inset; } .navbar ul li:first-child { border-top: none; } .navbar ul li:first-child i { font-size: 1.2rem; } .navbar ul li:nth-child(2) a { transition-delay: 240ms; } .navbar ul li:nth-child(3) a { transition-delay: 320ms; } .navbar ul li:nth-child(4) a { transition-delay: 400ms; } .navbar ul li:nth-child(5) a { transition-delay: 480ms; } .navbar ul li:nth-child(6) a { transition-delay: 540ms; } .navbar ul li:nth-child(7) a { transition-delay: 600ms; } .navbar ul li:nth-child(8) a { transition-delay: 640ms; } .navbar ul.show li a { opacity: 1; transform: translateX(0); } .floatmask { width: 100%; height: 100%; background: #000; opacity: 0.5; position: absolute; top: 0; z-index: 1; display: none; overflow: hidden; transition: all 0.5s; max-width: 640px; margin: 0 auto; } /* BANNER */ .mainBox { position: relative; } .banner { position: relative; overflow: hidden; max-width: 640px; /} .banner .hd { position: absolute; height: 28px; line-height: 28px; bottom: 0; right: 0; z-index: 1; } .banner .hd li { display: inline-block; width: 5px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #333; text-indent: -9999px; overflow: hidden; margin: 0 6px; } .banner .hd li.on { background: #d53840; } .banner .bd { position: relative; z-index: 0; } .banner .bd li { position: relative; text-align: center; } .banner .bd li img { background: url(images/loading.gif) center center no-repeat; vertical-align: top; width: 100%; } /* 搜索 */ .search { padding: 2%; position: relative; border-bottom: 4px solid #e5e5e5; } .search form { border: 1px solid #d7d7d7; border-radius: 3px; width: 100%; display: block; height: 1.6rem; line-height: 1.6rem; } .search .sear_text { width: 88%; padding-left: 3%; height: 100%; line-height: 1.6rem; float: left; } .search .sear_btn { width: 12%; height: 100%; float: left; background: none; position: relative; z-index: 2; } .search::before { position: absolute; font-size: 0.9rem; text-align: center; content: " \e64a "; font-family: "iconfont" !important; color: #333; top: .6rem; right: 6%; } /* 便捷菜单 */ .conMenu { overflow: hidden; border-bottom: 4px solid #f2f2f2; } .conMenu li { float: left; width: 25%; text-align: center; font-size: 0.5rem; height: 3.8rem; padding-top: 0.8rem; } .conMenu li a { color: #dcad67; } .conMenu li i { font-size: 1.2rem; display: inline-block; height: 1.6rem; line-height: 1.4rem; } .conMenu li span { display: block; } /* 推荐产品 */ .product,.about { margin-bottom: 10px; overflow: hidden; border-bottom: 4px solid #f4f4f4; } .homeTitle { height: 1.6rem; line-height: 1.6rem; font-size: 0.8rem; margin-bottom: 10px; } .homeTitle span { border-left: 5px solid #dcad67; padding-left: 2%; color: #dcad67; } .homeTitle .more { float: right; margin-right: 0.3rem; font-size: 0.8rem; } .proMain { padding: 0 2%; overflow: hidden; } .proMain li { float: left; width: 49%; margin-right: 2%; margin-bottom: 2%; overflow: hidden; position: relative; } .proMain li:nth-child(2n) { margin-right: 0; } .proMain li span { display: block; height: 1.5rem; line-height: 1.5rem; text-align: center; } .proMain li img { width: 100%; } .about .font { padding-bottom: 3%; } /* 新闻资讯 */ .news { margin-bottom: 10px; border-bottom: 4px solid #f2f2f2; } .news li { height: auto; font-size: 0.7rem; border-bottom: 1px solid #d6d6d6; overflow: hidden; line-height: 1rem; position: relative; padding: .4rem 10% .4rem 5%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news li:last-child { border-bottom: none; } .news li::before { background: #666; content: ""; height: .2rem; left: 2%; position: absolute; top: .7rem; width: .2rem; border-radius: 50%; } .news li::after { position: absolute; font-size: 0.8rem; right: 2%; top: .4rem; content: " \e77b "; font-family: "iconfont" !important; color: #999; } .homeFeed { margin-bottom: 30px; } .about .font img { width: 100%; margin-bottom: .3rem; } /* 底部 */ .footer .backtop { height: 1.4rem; line-height: 1.4rem; color: #fff; padding-right: 3%; text-align: right; font-size: 0.7rem; background: -webkit-linear-gradient(bottom left,#dcad67,#dcad67); background: -ms-linear-gradient(bottom left,#dcad67,#dcad67); background: -moz-linear-gradient(bottom left,#dcad67,#dcad67); background: linear-gradient(bottom left,#dcad67,#dcad67); } .footCopy { text-align: center; padding: 10px 0 15px 0; font-size: 0.5rem; line-height: 1.2rem; } .footMenu { height: 2.7rem; position: fixed; bottom: 0; z-index: 10; width: 100%; text-align: center; display: table; max-width: 640px; margin: 0 auto; background: -webkit-linear-gradient(bottom left,#000,#000); background: -ms-linear-gradient(bottom left,#dcad67,#dcad67); background: -moz-linear-gradient(bottom left,#000,#000); background: linear-gradient(bottom left,#dcad67,#dcad67); } .footMenu ul { overflow: hidden; color: #fff; padding-top: ; display: table-cell; vertical-align: middle; } .footMenu li { float: left; width: 25%; text-align: center; font-size: 0.6rem; vertical-align: middle; line-height: 1rem; padding-top: .1rem; } .footMenu li a { color: #fff; } .footMenu li i { font-size: 1.1rem; } .footMenu li span { display: block; } /* 搜索 */ .search { padding: 2%; position: relative; border-bottom: 4px solid #e5e5e5; } .search form { border: 1px solid #d7d7d7; border-radius: 3px; width: 100%; display: block; height: 1.6rem; line-height: 1.6rem; } .search .sear_text { width: 88%; padding-left: 3%; height: 100%; line-height: 1.6rem; float: left; } .search .sear_btn { width: 12%; height: 100%; float: left; background: none; position: relative; z-index: 2; } .search::before { position: absolute; font-size: 0.9rem; text-align: center; content: " \e60b "; font-family: "iconfont" !important; color: #333; top: .6rem; right: 6%; } .listWrapper .search { border-bottom: none; margin-bottom: 15px; padding: 0; } .listWrapper .search::before { top: .3rem; right: 3%; } /*分页样式*/ .page { clear: both; text-align: center; padding-bottom: 1.5rem; height: 1rem; position: relative; padding-top: 1.2rem; } .page a,.page span { height: 1rem; line-height: 1rem; padding: 0 .3rem; margin: 0 .1rem; font-size: 0.5rem; background-color: #949494; border-radius: 3px; color: #fff; display: inline-block; border: 1px solid #888; } .page span { background: #333; border: 1px solid #111; } /*分类样式*/ .breadCrumb { height: 1.4rem; line-height: 1.4rem; background: #dcad67; margin: 0 0 15px 0; position: relative; box-shadow: 0 0 1px #fff inset; position: relative; color: #fff; } .breadCrumb p { padding-left: 7%; } .breadCrumb p::before { position: absolute; font-size: 0.7rem; left: 2%; top: -1px; content: " \e60d "; font-family: "iconfont" !important; } .breadCrumb .fenlei { position: absolute; right: 2%; top: 0; padding-left: 5%; } .breadCrumb .fenlei::before { position: absolute; font-size: 0.6rem; left: 2%; top: 0px; content: " \e619 "; font-family: "iconfont" !important; } .breadCrumb a { color: #fff; } .catalog { width: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.6); -webkit-transition: -webkit-transform .2s ease-in; display: none; z-index: 100; padding: 10px 0 0 0; overflow: hidden; } .catalog>ul { width: 50%; background-color: #fff; position: absolute; top: 0; right: 0; padding-top: 10px; } .catbtn { font-size: 14px; position: fixed; top: 200px; left: 50%; display: block; width: 30px; margin-left: -30px; padding: 10px 0; text-align: center; color: #fff; border-radius: 6px 0 0 6px; background-color: #fff; } .catalog ul li { width: 90%; margin: 0 auto; border-bottom: 1px solid rgba(255,255,255,.25); } .catalog ul li a { font-size: 14px; line-height: 30px; display: block; overflow: hidden; width: 90%; white-space: nowrap; text-indent: 5px; text-overflow: ellipsis; } .catalog > ul li a { background: url(../images/arrow2.png) no-repeat right center; background-size: 5px; color: #333; } .catalog ul li ul li:last-child { border-bottom: none; } .catalog ul li ul li { margin-left: 13px; } .subcatalog { display: none; } .catalog ul li a:first-child { background: url(../images/arrow3.png) no-repeat right center; background-size: 8px; } .catalog ul li a:nth-child(2),.catalog ul li a:nth-child(3) { background: url(../images/arrow2.png) no-repeat right center; background-size: 8px; } .listWrapper { padding: 0 2% 5% 2%; overflow: hidden; } .picList { overflow: hidden; margin-bottom: 20px; } .picList li { width: 32%; float: left; text-align: center; margin-right: 2%; margin-bottom: 5px; size: 5rem; } .picList li:nth-child(3n) { margin-right: 0; } .picList li img { padding: 0.1rem; border: 1px solid #ddd; } /* 图片列表 */ .listPic { overflow: hidden; margin-bottom: 20px; width: 102%; } .listPic li { width: 49%; float: left; text-align: center; padding: 0 1.5%; margin-bottom: 10px; } .listPic li img { padding: 0.1rem; } .listPic li span { display: block; height: 1.4rem; line-height: 1.4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.5rem; } .proList li a { display: block; border: 1px solid #ddd; } .proList li span { display: block; height: 1rem; line-height: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.6rem; background: #f1f1f1; border-top: 1px solid #ddd; text-align: center; padding: 0 2%; } /* 图文列表详情 */ .productList { overflow: hidden; margin-bottom: 20px; } .productList li { display: table; width: 100%; height: auto; border-bottom: 1px solid #ccc; overflow: hidden; text-overflow: ellipsis; white-space: normal; padding: 2% 0; } .productList li.pImg { display: table-cell; vertical-align: middle; border: 1px solid #ccc; } .productList div { line-height: 1rem; padding-left: .25rem; padding-right: .15rem; display: table-cell; width: auto; height: auto; vertical-align: middle; width: 75%; padding-left: 5%; line-height: .8rem; font-size: .5rem; } .productList div h5 { margin-bottom: .2rem; font-size: .7rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .productList div h5 a { color: #333; } .productList div h5 a:hover { color: #ff3811; } /* 产品详情 */ .proShow .title { text-align: center; font-size: .8rem; color: #333; margin-bottom: .6rem; } .proShow_img { width: 100%; height: auto; text-align: center; margin-bottom: 15px; } .proShow .tie { height: 1.4rem; line-height: 1.4rem; background: #ddd; margin-bottom: 10px; } .proShow .tie span { display: inline-block; width: 5rem; color: #fff; background: #333; text-align: center; } .product_detail { margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 15px; } .proShow_img { position: relative; overflow: hidden; max-width: 640px; } .proShow_img .bd { position: relative; z-index: 0; } .proShow_img .bd li { position: relative; text-align: center; } .proShow_img .bd li img { background: url(images/loading.gif) center center no-repeat; vertical-align: top; width: 100%; } .proShow_img .prev,.proShow_img .next { position: absolute; left: 0.75rem; top: 50%; margin-top: -.6rem; display: block; width: 23px; height: 27px; line-height: 27px; text-align: center; width: 1.8rem; text-align: center; line-height: 1.8rem; background: #000; opacity: .7; height: 1.8rem; border-radius: .2rem; } .proShow_img .hd span img { max-width: 70%; vertical-align: middle; } .proShow_img .next { left: auto; right: 0.75rem; } .proShow_tab { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; } .proShow_tab .hd { height: 1.5rem; line-height: 1.5rem; font-size: .7rem; background: #f1f1f1; border-bottom: 1px solid #dcad67; position: relative; margin-bottom: 10px; } .proShow_tab .hd ul { position: absolute; height: 1.5rem; top: 0; overflow: hidden; } .proShow_tab .hd ul li { float: left; padding: 0 10px; color: #666; } .proShow_tab .hd ul .on { border: 2px solid #ff5947; border-bottom-color: #fff; background: #fff; color: #ff5947; } /* 新闻列表详情 */ .newsList li,.history li h4 { height: 1.6rem; line-height: 1.6rem; border-bottom: 1px solid #ddd; position: relative; padding: 0 10% 0 5%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .newsList li::before { background: #666; content: ""; height: 3px; left: 2%; position: absolute; top: .8rem; width: 3px; border-radius: 50%; } .newsList li::after,.downList li a::after,.history li h4::after { position: absolute; font-size: 0.8rem; right: 2%; top: 3px; content: " \e77b "; font-family: "iconfont" !important; } .newsDetail .tie { text-align: center; font-size: .6rem; color: #333; padding-bottom: .2rem; } .newsDetail .time { text-align: center; color: #888; border-bottom: 1px solid #ddd; padding-bottom: .3rem; margin-bottom: .8rem; } .newsDetail .font { border-bottom: 1px solid #ddd; margin-bottom: .6rem; } .newsDetail .font p,.listWrapper p{ font-size:14px; margin-bottom:15px; text-align:justify; text-indent:2em; line-height: 24px; } .listWrapper .proShow_img p{ text-indent:0; } .listWrapper .proShow_img p img { width:100% !important; height:auto !important; } .tempWrap p{ text-indent:0; } .newsDetail .font,.pageN { padding-bottom: .6rem; } .listWrapper .prea { line-height: 1rem; } .downList li { padding-right: 3%; } .downList li::after { display: none; } .downList li a { display: block; position: relative; } .downList li a::after { content: "\e66f"; } .history li h4 { height: 1.2rem; line-height: 1.2rem; padding-left: 2%; } .history li p { background: #f5f5f5; padding: 2%; } .history li { border-bottom: 1px solid #ddd; margin-bottom: .6rem; } /* 留言 */ .feedback ul { overflow: hidden; margin-bottom: 10px; } .feedback li { margin-bottom: 10px; position: relative; } .feedback li input { height: 1.5rem; line-height: 1.5rem; border: 1px solid #ddd; border-radius: 3px; width: 100%; padding: 0 2% 0 10%; -webkit-appearance: none; } .feedback li textarea { height: 5rem; border: 1px solid #ddd; border-radius: 3px; width: 100%; padding: .3rem 2% .3rem 10%; } .feedback li.code input { width: 20%; float: left; margin-right: 5px; padding-left: 2%; } .feedback .button { width: 100%; height: 1.5rem; line-height: 1.5rem; background: #333; text-align: center; font-size: 14px; color: #fff; } .feedback li::before { position: absolute; font-size: 0.8rem; left: 2%; top: .3rem; content: " \e755"; font-family: "iconfont" !important; } .feedback li.f2::before { content: "\e6ed" } .feedback li.f3::before { content: "\e838"; } .feedback li.tarea::before { content: "\e60a" } .feedback li.code::before { content: ""; } .sanjie,.sanjie p{ text-align:center; text-indent:0; }