@charset "utf-8"; /* 564379992@qq.com */ * { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing:border-box; -webkit-box-sizing:border-box; } body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei'; font-size: 12px; color: #333; padding-top:50px; position: relative; background:#fff; -webkit-text-size-adjust: none;} html,body{width:100%; height:100%} ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; } input, textarea, select { color: #666;font-family: 'Microsoft Yahei'; } i { display: inline-block; font-style:normal; } *:focus { outline: none } img { border: 0px; max-width:100%; } ul, li { list-style-type: none; } a:link, a:visited, a:active { color: #333; text-decoration: none; border: none; outline: none; } a:hover { color: #f05744; } .clear{ clear:both; content:''; height:0px; overflow:hidden;} .fl{ float:left;} .fr{ float:right;} /***澶撮儴***/ .clear { clear: both; overflow: hidden; height:0px; content:""; margin:0px; padding:0px; } .head { width: 100%; left:0px; height: 50px; background: #000 ; position:fixed; top: 0px; z-index: 1000; } .head .logo{ height:25px; float:left; margin-left:12px; margin-top:12px;} .head .return{ width:50px; height:100%; position:absolute; left:0px; top:0px; background:url(../return.png) no-repeat center; background-size:auto 50%;} .head h3{ text-align:center; line-height:50px; color:#fff; font-size:16px;} .head .menu { position:absolute; right:12px; top:5px; z-index:111;} .head .menu span {cursor: pointer; display:block; width:32px; height:2px; background:#fff; margin-top:8px; } /***鑿滃崟***/ .sonmenu{ position:fixed; z-index:211111; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.9); opacity:0; visibility:hidden; transition:all .4s ease;} .sonmenu .smh{ height:50px; line-height:50px; overflow:hidden; background:url(../logo.png) no-repeat center; background-size:auto 30px;} .sonmenu .smh span{ width:25px; height:25px; position:absolute; right:12px; top:12px; background:url(../ca.png) no-repeat center; background-size:100% auto;} .sonmenu li{ border-bottom:1px solid #333;} .sonmenu li a{ display:block; font-size:14px;color:#fff; text-align:center; line-height:45px;} .sonmenu li:last-child a{border:0px;} .sonmenu li a i{font-size:12px;} .sonmenu.open{ opacity:1; visibility:visible;} .sonmenu li a:hover{ background:#000; color:#fff;} .foot{ padding:15px 12px; text-align:left; background:#2b3034; color:#999999; text-align:center; margin-top:20px; line-height:22px;} /**鐒︾偣鍥?**/ .banner .swiper-slide{ width:100%; overflow:hidden;} .banner .swiper-slide img{ display:block; width:100%;} .banner .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%; background:#fff; opacity:0.6; cursor:pointer;} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1;} /**鍥炬枃杩炴帴**/ .inav { padding:12px; padding-bottom:0px; } .inav li { position: relative; overflow: hidden; text-align: center ; margin-bottom:12px;} .inav li img { width:100%; display: block; transition:all 2s ease; } .inav li:hover img{ transform:scale(1.5);} .inav li .msk { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.3); } .inav li .msk i { width:95%; height:90%; position: absolute; border: 1px solid #fff; left:0px; right:0px; margin:auto; top:50%; transform:translateY(-50%); } .inav li .msk h2 { font-size:18px; font-weight: normal; color: #fff; padding-top:5%; } .inav li .msk em { width: 55px; height: 2px; background: #f05b48; display: block; margin:4% auto; } .inav li .msk h3 { font-size:14px; font-weight: normal; color: #fff; } .inav li .msk span { width: 79px; height: 30px; border: 1px solid #fff; color: #fff; display: block; margin: 0 auto; font-size: 14px; line-height: 30px; margin-top:12px; } /***鏍囬***/ .title { text-align: center; padding:20px 0 20px 0; } .title h2 { font-size:18px; color: #333333; font-weight: normal; } .title i { display: block; width: 32px; height: 2px; background: #f05b48; margin:8px auto; } .title p { font-size: 14px; color: #666; letter-spacing: 3px; } .product{ padding:0 12px; overflow:hidden;} .swiper-pagination-bullet-active{ background:#f05744;} /***鏂伴椈***/ .new { overflow: hidden;} .new li { margin-top:12px; padding:0 12px;} .new li .row {} .new li .pic { position: relative; width: 100%; } .new li .pic:after { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; content: ''; opacity: 0; -webkit-transform: scale(0); background-color: #f05b48; } .new li .pic img { display: block; width: 100%; } .new li .pic .date { position: absolute; right: 0px; bottom: 0px; background: #3a75bf; color: #fff; padding: 10px 15px; z-index: 1; } .new li .pic .date b { font-size: 25px; font-weight: 700; font-style: italic; display: block; } .new li .autour { padding:5px 0; color: #999; } .new li .autour .fa-eye { vertical-align: -1px; font-size: 15px; } .new li .note { border: 1px solid #ddd; padding:10px; verflow: hidden; } .new li h3 { font-size: 16px; color: #666666; font-weight: bold; } .new li .note p { font-size: 12px; line-height: 22px; color: #999; } .new li .note i { width: 16px; height: 10px; background: url(../eye.png) no-repeat; margin: 0 5px; } .new li:hover .pic:after { opacity: 0.7; -webkit-transform: scale(1); } /***鍝佺墝灞曠ず***/ .brand{ padding:0px 12px;} .brand li { width:50%; float:left; margin-left: -1px; margin-top: -1px; height:70px; text-align: center; border: 1px solid #ccc; display: table; overflow: hidden; } .brand li a span { vertical-align: middle; width:100%; height:70px; overflow: hidden; display: table-cell; } .brand li a span img { max-width:90%; max-height:70px; } /***鍐呴〉****/ /***椤堕儴鍥?**/ .topimg{height:200px;overflow:hidden;background-size:auto 100%; position:relative; background-position:center center;text-align:center;background-repeat:no-repeat;} .leader{color:#fff; position:absolute; left:0px; right:0px;margin:auto; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);} .leader h1{color:#fff;font-weight:normal;font-size:25px; margin:0px; padding:0px;} .leader em{width:50px; height:3px;display:block;margin:5px auto;background:#f05744;} .leader p{margin-top:10px; color:#fff;} .leader i{vertical-align:normal; margin-right:5px;} .leader p a{color:#fff;} /***鍒嗙被***/ .cate{ border-bottom:1px solid #ddd; position:relative; overflow:hidden; height:40px; line-height:40px;} .cate a.on{color:#f05744;} .cate2{ height:40px; line-height:40px; text-align:center; border-bottom:1px solid #ddd; white-space: nowrap; overflow-x: auto;} .cate2 a{ display:inline-block; padding:0 15px; font-size:14px;} .cate2 a.on{ color:#f05744;} .down{ text-align:center; margin-top:20px;} .down .s1{ padding:8px 10px; font-size:14px; width:200px; border:1px solid #ddd;} .down .s2{ padding:8px 10px; font-size:14px; width:80px; cursor:pointer; background:#fb8157; color:#fff; margin-left:10px; border:1px solid #fb8157;} .down .p1{ margin-top:30px;} .search{ margin:10px; border:1px solid #ddd; position:relative; overflow:hidden; height:35px; line-height:35px;} .search .intext{ width:100%; padding:5px 10px; border:0px;} .search .sbtns{ width:35px; height:35px; border:0px; background:url(../search.png) no-repeat center; position:absolute; right:0px; top:0px; cursor:pointer;} .pdbox{ padding:10px; overflow:hidden; line-height:22px; color:#666; background:#fff; min-height:300px; font-size:14px;} .pdbox .rtit{ text-align:center; padding-bottom:12px; font-size:16px;} .pdbox img{max-width:100%; display:block;} /***浜у搧鍒楄〃***/ .prolist{ overflow:hidden; padding-right:10px;} .prolist li{ float:left; padding-left:10px; width:50%; text-align:center;} .prolist li img{ display:block; width:100%; height:130px;} .prolist li h3{ font-weight:normal; line-height:40px;} /***瀹㈡埛鐣欒█***/ .book{ display:block; padding:12px;} .book p{ position:relative;width:100%;margin-top:12px;} .book .intext{ border:1px solid #ddd; padding:10px; width:100%;} .book .passcode{ position:absolute; right:1px; top:1px; height:100%; width:80px; cursor:pointer; border-left:1px solid #ddd;} .book .intext:focus{ border-color:#f05744;} .passcode{ display:block;} .sbtn{ padding:12px; border:0px; display:block; width:100%; background:#f05744; font-family:Microsoft Yahei; color:#fff; margin-top:20px; cursor:pointer;} .tips{ height:60px; width:250px; text-align:center; line-height:60px; border-radius:2px; display:none; background:rgba(0,0,0,0.7); color:#fff; font-size:15px; position:fixed; top:50%; transform:translateY(-50%); left:0px; right:0px; margin:auto; z-index:111; border-radius:5px;} /***鏂伴椈鍒楄〃***/ .newlist{ overflow:hidden; background:#fff; } .newlist li { position:relative; min-height:105px;overflow:hidden; padding:12px 0; border-bottom:1px solid #ddd; padding-left:130px;} .newlist img{ width:120px; height:80px; position:absolute; left:0px; top:12px;} .newlist h3{ font-size:14px; line-height:15px; font-weight:normal; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; margin-bottom:5px; color:#666;} .newlist .note{ color:#999; line-height:20px; font-size:12px; overflow:hidden;} .newlist .date{ font-size:11px; margin-top:5px; background-size:15px auto; color:#999; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;} .newlist .p2{ height:40px;} .newlists { overflow:hidden;} .newlists { line-height:40px; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px dotted #ddd; padding:0 12px;} .dbnav{ padding:0 12px;} .dbnav li{ padding:5px 0;} .newtit{ text-align:center; border-bottom:1px dotted #ddd; margin-bottom:15px; font-size:16px; padding-bottom:5px;} .newtit p{color:#999; font-size:12px;} .prevnext{ margin-top:20px;} .prevnext a{ display:block; font-size:12px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /***鍒嗛〉***/ .pagelist{ padding:25px 12px; background:#fff; text-align:center; overflow:hidden;} .pagelist a,.pagelist span{ padding:5px 10px; border:1px solid #ddd; margin:5px 3px;} .pagelist a:hover,.pagelist span{ background:#f05744; border-color:#f05744; color:#fff;} .pagelist label{ display:none;}