├── images ├── 地图.jpg ├── item01.jpg ├── item02.jpg ├── item03.jpg ├── item04.jpg ├── item05.jpg ├── item06.jpg ├── item07.jpg ├── item08.jpg ├── item09.jpg ├── item10.jpg ├── item11.jpg ├── item12.jpg ├── item13.jpg ├── item14.jpg ├── item15.jpg ├── item16.jpg ├── item17.jpg ├── item18.jpg ├── item19.jpg ├── item20.jpg ├── item21.jpg ├── item22.jpg ├── item23.jpg ├── item24.jpg ├── item25.jpg ├── item26.jpg ├── item27.jpg ├── item28.jpg ├── item29.jpg ├── item30.jpg ├── keji.png ├── logo.ico ├── logo0.png ├── logo1.png ├── logo3.png ├── pinpai.png ├── policy.png ├── banner01.jpg ├── banner02.jpg ├── banner03.jpg ├── chengxin.png ├── gongying.png ├── position.jpg ├── process.png ├── item01 (1).jpg ├── item02 (1).jpg ├── item03 (1).jpg ├── item04 (1).jpg ├── item05 (1).jpg ├── item06 (1).jpg ├── ps_banner01.jpg ├── ps_banner02.jpg ├── ps_banner03.jpg ├── joinus_banner.jpg └── contactus_banner.jpg ├── js └── index.js ├── css ├── iconfont.css ├── index.css ├── about.css ├── prodect.css ├── join.css └── contact.css ├── about.html ├── contact.html ├── index.html ├── join.html └── prodect.html /images/地图.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/地图.jpg -------------------------------------------------------------------------------- /images/item01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item01.jpg -------------------------------------------------------------------------------- /images/item02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item02.jpg -------------------------------------------------------------------------------- /images/item03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item03.jpg -------------------------------------------------------------------------------- /images/item04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item04.jpg -------------------------------------------------------------------------------- /images/item05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item05.jpg -------------------------------------------------------------------------------- /images/item06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item06.jpg -------------------------------------------------------------------------------- /images/item07.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item07.jpg -------------------------------------------------------------------------------- /images/item08.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item08.jpg -------------------------------------------------------------------------------- /images/item09.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item09.jpg -------------------------------------------------------------------------------- /images/item10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item10.jpg -------------------------------------------------------------------------------- /images/item11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item11.jpg -------------------------------------------------------------------------------- /images/item12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item12.jpg -------------------------------------------------------------------------------- /images/item13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item13.jpg -------------------------------------------------------------------------------- /images/item14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item14.jpg -------------------------------------------------------------------------------- /images/item15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item15.jpg -------------------------------------------------------------------------------- /images/item16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item16.jpg -------------------------------------------------------------------------------- /images/item17.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item17.jpg -------------------------------------------------------------------------------- /images/item18.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item18.jpg -------------------------------------------------------------------------------- /images/item19.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item19.jpg -------------------------------------------------------------------------------- /images/item20.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item20.jpg -------------------------------------------------------------------------------- /images/item21.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item21.jpg -------------------------------------------------------------------------------- /images/item22.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item22.jpg -------------------------------------------------------------------------------- /images/item23.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item23.jpg -------------------------------------------------------------------------------- /images/item24.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item24.jpg -------------------------------------------------------------------------------- /images/item25.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item25.jpg -------------------------------------------------------------------------------- /images/item26.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item26.jpg -------------------------------------------------------------------------------- /images/item27.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item27.jpg -------------------------------------------------------------------------------- /images/item28.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item28.jpg -------------------------------------------------------------------------------- /images/item29.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item29.jpg -------------------------------------------------------------------------------- /images/item30.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item30.jpg -------------------------------------------------------------------------------- /images/keji.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/keji.png -------------------------------------------------------------------------------- /images/logo.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/logo.ico -------------------------------------------------------------------------------- /images/logo0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/logo0.png -------------------------------------------------------------------------------- /images/logo1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/logo1.png -------------------------------------------------------------------------------- /images/logo3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/logo3.png -------------------------------------------------------------------------------- /images/pinpai.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/pinpai.png -------------------------------------------------------------------------------- /images/policy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/policy.png -------------------------------------------------------------------------------- /images/banner01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/banner01.jpg -------------------------------------------------------------------------------- /images/banner02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/banner02.jpg -------------------------------------------------------------------------------- /images/banner03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/banner03.jpg -------------------------------------------------------------------------------- /images/chengxin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/chengxin.png -------------------------------------------------------------------------------- /images/gongying.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/gongying.png -------------------------------------------------------------------------------- /images/position.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/position.jpg -------------------------------------------------------------------------------- /images/process.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/process.png -------------------------------------------------------------------------------- /images/item01 (1).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item01 (1).jpg -------------------------------------------------------------------------------- /images/item02 (1).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item02 (1).jpg -------------------------------------------------------------------------------- /images/item03 (1).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item03 (1).jpg -------------------------------------------------------------------------------- /images/item04 (1).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item04 (1).jpg -------------------------------------------------------------------------------- /images/item05 (1).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item05 (1).jpg -------------------------------------------------------------------------------- /images/item06 (1).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/item06 (1).jpg -------------------------------------------------------------------------------- /images/ps_banner01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/ps_banner01.jpg -------------------------------------------------------------------------------- /images/ps_banner02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/ps_banner02.jpg -------------------------------------------------------------------------------- /images/ps_banner03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/ps_banner03.jpg -------------------------------------------------------------------------------- /images/joinus_banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/joinus_banner.jpg -------------------------------------------------------------------------------- /images/contactus_banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wangsiman0419/muxi/HEAD/images/contactus_banner.jpg -------------------------------------------------------------------------------- /js/index.js: -------------------------------------------------------------------------------- 1 | $(function(){ 2 | const pages =["home.html","aboutus.html","productshow.html","joinus.html","contactus.html"]; 3 | $("#mx_content").load(pages[0]); 4 | $("#mx_navigation li").click(function(){ 5 | $(this).addClass("select").siblings().removeClass("select"); 6 | $("#mx_content").load(pages[$(this).index()]); 7 | }); 8 | $("#changepage div").click(function(){ 9 | $("#mx_navigation li").eq($(this).index()+1).addClass("select").siblings().removeClass("select"); 10 | $("#mx_content").load(pages[$(this).index()+1]); 11 | }); 12 | }) -------------------------------------------------------------------------------- /css/iconfont.css: -------------------------------------------------------------------------------- 1 | @font-face {font-family: "iconfont"; 2 | src: url('iconfont.eot?t=1517147244927'); /* IE9*/ 3 | src: url('iconfont.eot?t=1517147244927#iefix') format('embedded-opentype'), /* IE6-IE8 */ 4 | url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAeEAAsAAAAACmwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kh5Y21hcAAAAYAAAAB6AAAByJu60MFnbHlmAAAB/AAAA2UAAAPg4K0zjmhlYWQAAAVkAAAALwAAADYQRy7UaGhlYQAABZQAAAAcAAAAJAfeA4dobXR4AAAFsAAAABMAAAAYF+kAAGxvY2EAAAXEAAAADgAAAA4DZgJMbWF4cAAABdQAAAAeAAAAIAEWAF5uYW1lAAAF9AAAAUUAAAJtPlT+fXBvc3QAAAc8AAAARQAAAFcFzIDbeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sM4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzrZm7438AQw9zA0AAUZgTJAQAu+Qz7eJzFkcENhDAMBMckh04IiS9F3IM6EPUgHtcBfboNWCfwoAI2Giu7suQoBj5AEj+Rwf4YoVWplTzRlTwzy/d8aXTffPDRJ9+PQ+nT3TJ13ydc1rQmplnLa7L3Rj/Vl7pcLvawXeiJPlRiJz5Woseniv4R3yukEz8WGtMAAHicNZFfiBtFHMfnN5P9k91kJ7vZ7Ca521xm82d7ZhNtLpfEO5pyufOhRemFUsL1QfBFexQVRXpIz9L2LGg50IcK9aEgIqgUrPRBCy2+KLRgFQ6hPghiUfSpIIL2D7dTZ3s6DL+Z+c1vmO/380MSQg9vk2skj7JoF9qNltAyQiA3wDewByzotHADckzKubZBgkrAlIrfInvA9WXbaXc7dVdWZAoGlGCGtbtBCwcw2xngeWg7HkBhonjQqk1a5F3Q8kHpDN+PP4TcVGWSDpp8X7jXbpez6lrKsgqWtanKkqRinKAGvOg6SSmpyfwjiRZz16am8RSkCkHx6ZV0ecJ67q3OS17NTQKcPAnZibLx8V6zaIq5XnSyVkHJpNV8MV2p2rD2m57Pprz6r0iMhPB6ljxDjiEV5ZGPQoRq/9vIMgMUswQuG8Cs2alLrO3kTGZ2usD8+h5gOVvGxPG8huf9wRXWAGgwuM/CMPod7us0+oHiBFd0ipt05IWTk6FHqqJk+/OdUrLMGm2qR2fwcZ1ur1P9wgWdCk0kFka+wt8jiiyhCYnv5FhITLNntiAJLMtaQhM4MyIDpi2TlyOfhQAhwz8/Wvkr/AN8NRv5OoVjqi6nJHiV4u9CxpEQyLCIfB1G0U0wdLjH31ekBBzhkm4gJAsmpwknb6Cy4DH/qP8jwUVOlKvBAHrdEsiKAa4gE5/qQQsG8Un025WxUseiKOv2ulavBYFA6FguGYje27Jf/y+185REKt/ir/EtVbu+T6NYT268gOHOrVt3MF59M5kiVNt/g6ePvE20L2c6X2jk7DiTKf5tJi6eOnWRZP4pjKB3sCfmAxgPF8YYjxeGY6gcGI0OPLWYBN2mOPekXVsiZKlmz+WA2jqoi3iLbK6e4/d2PwHS+dXN7bs0Y8LC9Y1LhFzauMm/NnGl0e8f6vcfW1zBeGVxGMfhTl8evie4HEUemhNckFRFMQ9hxo6B5HZcDWBGbAyA2DqKM7FnUhGx0xW3sy0A0uR3oz9t5Vx/8I5MNVXXPwtSBcPcle//lCano8PTr8s2bP81tyq5V+qZUrlq92/oGVGoncC3j+Yx/WX5eCL9Y9OtGiknXfvUAC2pUfX844fWyCfk+flvueziZ4f+CQVSJtW/6Tk+TeXT05ej5r/0j8K8AAAAeJxjYGRgYADiFKflM+P5bb4ycLMwgMC1yV9zEPT/JhYG5logl4OBCSQKAD6MCzoAeJxjYGRgYG7438AQw8IAAkCSkQEVsAEARwwCb3icY2FgYGB+ycDAwoCKARKfAQEAAAAAAAB2AMABAAGMAfAAAHicY2BkYGBgYwgCYhBgAmIuIGRg+A/mMwAAEXgBdQAAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAjZGJkZmRhZGVkY2RnYGxgrs4I780K1M3Ob+gkqMyv7QiMzEvna08NbMqI5M9BcjJKE1kYAAALp4OJQAAAA==') format('woff'), 5 | url('iconfont.ttf?t=1517147244927') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ 6 | url('iconfont.svg?t=1517147244927#iconfont') format('svg'); /* iOS 4.1- */ 7 | } 8 | 9 | .iconfont { 10 | font-family:"iconfont" !important; 11 | font-size:16px; 12 | font-style:normal; 13 | -webkit-font-smoothing: antialiased; 14 | -moz-osx-font-smoothing: grayscale; 15 | } 16 | 17 | .icon-shouji-copy:before { content: "\e630"; } 18 | 19 | .icon-youxiang:before { content: "\e68b"; } 20 | 21 | .icon-weizhi:before { content: "\e60f"; } 22 | 23 | .icon-dianhua:before { content: "\e618"; } -------------------------------------------------------------------------------- /css/index.css: -------------------------------------------------------------------------------- 1 | *{margin: 0;padding: 0} 2 | .container .navbar{ 3 | background:#ffffff; 4 | border: none; 5 | margin-bottom: 0; 6 | } 7 | .container .navbar-brand{ 8 | height: 70px; 9 | width: 285px; 10 | line-height: 250px; 11 | background: url("../images/logo0.png") no-repeat center; 12 | margin-top: 8px; 13 | } 14 | @media (max-width: 768px){ 15 | .container .navbar-brand { 16 | width: 80px; 17 | height: 80px; 18 | background: url("../images/logo1.png") no-repeat center ; 19 | background-size: contain; 20 | padding: 15px; 21 | } 22 | } 23 | .container .navbar-nav>li>a{ 24 | line-height: 50px; 25 | padding-left: 10px; 26 | padding-right: 8px; 27 | } 28 | .container .navbar .nav>li:hover>a{ 29 | cursor: pointer; 30 | color: #2dae36; 31 | border-bottom: 2px solid #2dae36; 32 | } 33 | .container .navbar .nav .select>a{ 34 | cursor: pointer; 35 | color: #2dae36; 36 | border-bottom: 2px solid #2dae36; 37 | } 38 | .container .navbar-default .navbar-header .navbar-toggle .icon-bar{ 39 | background: #2dae36; 40 | } 41 | .container .navbar-default .navbar-header .navbar-toggle{ 42 | border-color: #2DAE36; 43 | margin-top: 30px; 44 | } 45 | .container .navbar-default .navbar-header .navbar-toggle:hover .icon-bar{ 46 | background: #ffffff; 47 | } 48 | .container .navbar-default .navbar-header .navbar-toggle:hover{ 49 | background: #2dae36; 50 | } 51 | .carousel-indicators .active{ 52 | background-color:#2dae36; 53 | } 54 | /* 中间部分 企业精神 */ 55 | .center{ 56 | padding-left: 10%; 57 | padding-right: 10%; 58 | } 59 | .font{ 60 | font-size: 23px; 61 | margin-bottom: 50px; 62 | } 63 | .wrap{ 64 | padding-top: 50px; 65 | text-align: center; 66 | } 67 | .wrap li{ 68 | list-style: none; 69 | } 70 | .spirit div img{ 71 | width: 75px; 72 | height: 75px; 73 | } 74 | .spirit div ul li:nth-child(1){ 75 | font-size:23px; 76 | color: #2dae36; 77 | } 78 | .spirit div ul{ 79 | padding-top: 20px; 80 | color: #666; 81 | font-size: 13px; 82 | } 83 | .spirit div ul li{ 84 | margin-bottom: 10px; 85 | } 86 | .line{ 87 | height: 43px; 88 | border-bottom: 1px solid #2dae36; 89 | margin-top: 60px; 90 | } 91 | .line p{ 92 | font-size: 22px; 93 | width: 120px; 94 | height: 43px; 95 | line-height: 43px; 96 | color: white; 97 | background: #2dae36; 98 | border-top-left-radius: 20px; 99 | border-bottom-right-radius: 20px; 100 | } 101 | .info img{ 102 | width: 100%; 103 | margin-top: 30px; 104 | } 105 | 106 | 107 | 108 | /* 底部 */ 109 | .mx-center{ 110 | margin-left: auto; 111 | margin-right: auto; 112 | } 113 | .mx-width{ 114 | padding-left: 10%; 115 | padding-right: 10%; 116 | box-sizing: border-box; 117 | } 118 | .foot{ 119 | padding-top:24px; 120 | padding-bottom:16px; 121 | box-sizing: border-box; 122 | background-color:#ddd; 123 | text-align: center; 124 | color:#666; 125 | margin-top: 65px; 126 | } 127 | .foot .foot-logo{ 128 | margin-bottom: 16px; 129 | } 130 | .foot .foot-logo img{ 131 | width: 100px; 132 | 133 | } 134 | .foot a{ 135 | color:#777; 136 | text-align: center; 137 | text-decoration: none; 138 | } 139 | .foot .about{ 140 | padding-top: 20px; 141 | } 142 | .foot a:hover{ 143 | color:#2dae36; 144 | } 145 | .foot .copyright{ 146 | font-size: 12px; 147 | text-align: center; 148 | line-height: 2.4em; 149 | } 150 | .foot .contact{ 151 | font-size: 10px; 152 | line-height: 1.6em; 153 | text-align: left; 154 | } -------------------------------------------------------------------------------- /css/about.css: -------------------------------------------------------------------------------- 1 | *{margin: 0;padding: 0} 2 | .container .navbar{ 3 | background:#ffffff; 4 | border: none; 5 | margin-bottom: 0; 6 | } 7 | .container .navbar-brand{ 8 | height: 70px; 9 | width: 285px; 10 | line-height: 250px; 11 | background: url("../images/logo0.png") no-repeat center; 12 | margin-top: 8px; 13 | } 14 | @media (max-width: 768px){ 15 | .container .navbar-brand { 16 | width: 80px; 17 | height: 80px; 18 | background: url("../images/logo1.png") no-repeat center ; 19 | background-size: contain; 20 | padding: 15px; 21 | } 22 | } 23 | .container .navbar-nav>li>a{ 24 | line-height: 50px; 25 | padding-left: 10px; 26 | padding-right: 8px; 27 | } 28 | .container .navbar .nav>li:hover>a{ 29 | cursor: pointer; 30 | color: #2dae36; 31 | border-bottom: 2px solid #2dae36; 32 | } 33 | .container .navbar .nav .select>a{ 34 | color: #49B951; 35 | border-bottom: 2px solid #49B951; 36 | cursor: pointer; 37 | } 38 | .carousel-indicators .active{ 39 | background-color:#2dae36; 40 | } 41 | .container .navbar .nav .select>a{ 42 | cursor: pointer; 43 | color: #2dae36; 44 | border-bottom: 2px solid #2dae36; 45 | } 46 | .container .navbar-default .navbar-header .navbar-toggle .icon-bar{ 47 | background: #2dae36; 48 | } 49 | .container .navbar-default .navbar-header .navbar-toggle{ 50 | border-color: #2DAE36; 51 | margin-top: 30px; 52 | } 53 | .container .navbar-default .navbar-header .navbar-toggle:hover .icon-bar{ 54 | background: #ffffff; 55 | } 56 | .container .navbar-default .navbar-header .navbar-toggle:hover{ 57 | background: #2dae36; 58 | } 59 | .main{ 60 | padding-left: 10%; 61 | padding-right: 10%; 62 | margin-bottom: 70px; 63 | overflow: hidden; 64 | } 65 | 66 | .line{ 67 | height: 43px; 68 | border-bottom: 1px solid #2dae36; 69 | margin-top: 20px; 70 | text-align: center; 71 | } 72 | .line p{ 73 | font-size: 22px; 74 | width: 120px; 75 | height: 43px; 76 | line-height: 43px; 77 | color: white; 78 | background: #2dae36; 79 | border-top-left-radius: 20px; 80 | border-bottom-right-radius: 20px; 81 | } 82 | .content{ 83 | width: 100%; 84 | /* height: 500px; */ 85 | margin-bottom: 10px; 86 | } 87 | .content p{ 88 | color: #666666; 89 | margin-top: 20px; 90 | text-indent: 2em; 91 | } 92 | .content p:first-child{ 93 | margin-top: 40px; 94 | } 95 | .content p span{ 96 | color: #2DAE36; 97 | } 98 | .content img{ 99 | height: 402px; 100 | width: 510px; 101 | margin-top: 40px; 102 | /* margin-bottom: 10px; */ 103 | } 104 | 105 | .foot{ 106 | background: #DDDDDD; 107 | padding-top: 23px; 108 | box-sizing: border-box; 109 | text-align: center; 110 | padding-bottom: 16px; 111 | clear: both; 112 | } 113 | .foot .foot-logo img{ 114 | height: 73px; 115 | width: 100px; 116 | } 117 | .foot-width{ 118 | padding-left: 10%; 119 | padding-right: 10%; 120 | box-sizing: border-box; 121 | } 122 | .foot-center{ 123 | margin-left: auto; 124 | margin-right: auto; 125 | } 126 | .foot .row .about a{ 127 | color: #666666; 128 | text-decoration: none; 129 | text-align: center; 130 | } 131 | .foot .about{ 132 | padding-top: 20px; 133 | } 134 | .foot .copyright{ 135 | font-size: 12px; 136 | text-align: center; 137 | line-height: 2.4em; 138 | } 139 | .foot p{ 140 | color: #666666; 141 | } 142 | .foot .row .contact p{ 143 | font-size: 12px; 144 | line-height: 1.6em; 145 | text-align: center; 146 | } 147 | .foot .row .contact{ 148 | margin-left: -172px; 149 | } 150 | .foot .row .contact p:last-child{ 151 | margin-left: 8px; 152 | } -------------------------------------------------------------------------------- /css/prodect.css: -------------------------------------------------------------------------------- 1 | *{margin: 0;padding: 0} 2 | /* 封装 */ 3 | .mx-center{ 4 | margin-left: auto; 5 | margin-right: auto; 6 | } 7 | .mx-width{ 8 | padding-left: 10%; 9 | padding-right: 10%; 10 | box-sizing: border-box; 11 | } 12 | /* 头部分 */ 13 | .container .navbar{ 14 | background:#ffffff; 15 | border: none; 16 | margin-bottom: 0; 17 | } 18 | .container .navbar-brand{ 19 | height: 70px; 20 | width: 285px; 21 | line-height: 250px; 22 | background: url("../images/logo0.png") no-repeat center; 23 | margin-top: 8px; 24 | } 25 | @media (max-width: 768px){ 26 | .container .navbar-brand { 27 | width: 80px; 28 | height: 80px; 29 | background: url("../images/logo1.png") no-repeat center ; 30 | background-size: contain; 31 | padding: 15px; 32 | } 33 | } 34 | .container .navbar-nav>li>a{ 35 | line-height: 50px; 36 | padding-left: 10px; 37 | padding-right: 8px; 38 | } 39 | .container .navbar .nav>li:hover>a{ 40 | cursor: pointer; 41 | color: #2dae36; 42 | border-bottom: 2px solid #2dae36; 43 | } 44 | .container .navbar .nav .select>a{ 45 | cursor: pointer; 46 | color: #2dae36; 47 | border-bottom: 2px solid #2dae36; 48 | } 49 | .container .navbar-default .navbar-header .navbar-toggle .icon-bar{ 50 | background: #2dae36; 51 | } 52 | .container .navbar-default .navbar-header .navbar-toggle{ 53 | border-color: #2DAE36; 54 | margin-top: 30px; 55 | } 56 | .container .navbar-default .navbar-header .navbar-toggle:hover .icon-bar{ 57 | background: #ffffff; 58 | } 59 | .container .navbar-default .navbar-header .navbar-toggle:hover{ 60 | background: #2dae36; 61 | } 62 | /* 轮播 */ 63 | .carousel-indicators .active{ 64 | background-color:#2dae36; 65 | } 66 | .carousel-inner { 67 | margin-bottom: 10px; 68 | } 69 | /* 产品展示*/ 70 | .prodect-show{ 71 | margin-top: 20px; 72 | } 73 | .show-content{ 74 | padding-right: 15px; 75 | padding-left: 15px; 76 | margin-right: auto; 77 | margin-left: auto; 78 | } 79 | .prodect-show .nav-title{ 80 | margin-bottom: 20px; 81 | } 82 | .nav-title{ 83 | border-bottom: 1px solid #ddd; 84 | } 85 | .nav{ 86 | padding-left: 0; 87 | list-style: none; 88 | } 89 | .nav-title>li{ 90 | float: left; 91 | margin-bottom: -1px; 92 | } 93 | .nav>li{ 94 | position: relative; 95 | display: block; 96 | } 97 | .prodect-show .show-item{ 98 | margin-bottom: 50px; 99 | } 100 | .prodect-show .show-item .choice{ 101 | display: block; 102 | } 103 | .row{ 104 | margin-right: -15px; 105 | margin-left: -15px; 106 | } 107 | .prodect-show .show-item .row>div{ 108 | padding:5px; 109 | box-sizing: border-box; 110 | } 111 | .prodect-show .show-item .row img{ 112 | width: 100%; 113 | } 114 | .prodect-show .show-list .show-content a{ 115 | text-decoration: none; 116 | color: #666666; 117 | } 118 | .prodect-show .show-list .nav-title .click>a{ 119 | color: #2DAE36; 120 | border-top: 1px solid #DDDDDD; 121 | border-left: 1px solid #DDDDDD; 122 | border-right: 1px solid #DDDDDD; 123 | background: #ffffff; 124 | } 125 | .hide{ 126 | display: none; 127 | } 128 | /* 底部 */ 129 | .foot{ 130 | padding-top:24px; 131 | padding-bottom:16px; 132 | box-sizing: border-box; 133 | background-color:#ddd; 134 | text-align: center; 135 | color:#666; 136 | } 137 | .foot .foot-logo{ 138 | margin-bottom: 16px; 139 | } 140 | .foot .foot-logo img{ 141 | width: 100px; 142 | } 143 | .foot a{ 144 | color:#777; 145 | text-align: center; 146 | text-decoration: none; 147 | } 148 | .foot .about{ 149 | padding-top: 20px; 150 | } 151 | .foot a:hover{ 152 | color:#2dae36; 153 | } 154 | .foot .copyright{ 155 | font-size: 12px; 156 | text-align: center; 157 | line-height: 2.4em; 158 | } 159 | .foot .contact{ 160 | font-size: 10px; 161 | line-height: 1.6em; 162 | text-align: left; 163 | } -------------------------------------------------------------------------------- /about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 木兮地板 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 36 |
37 | 38 |
39 | 40 |
41 | 42 |
43 |
44 |

关于木兮

45 |
46 |
47 |
48 | 49 |
50 |
51 |

木兮地板由著名的湖北百诺木业有限公司监制出品。木兮地板秉承了百诺木业一贯的品质，将严谨的作风，不苟的态度，时尚的气息有机地融合到地板中，将木兮地板的无尽心血，无穷才智淋漓尽致的展现在世人面前。

52 |

湖北百诺木业有限公司以一流的设备，一流的材料，一流的技术造一流的地板，公司先后通过ISO9001质量管理认证和ISO14000环境管理体系认证，并获得“中国知名品牌”称号。强大的研发队伍，精良的生产工艺，严格的质检把关确保了木兮系列产品的优秀品质，是您居家，办公，开店的首选地板。

53 |

木兮地板耐磨等级符合AC3标准，甲醛释放量低于国家E1标准，更健康环保，阻燃等级达到B1标准。湖北百诺木业有限公司对市场的坚定信念和雄厚的实力以及积极响应政府和环保政策都让自己在市场上占有重要的位置，并成为地板行业的领跑者

54 |

“一面艺术,一面科技”,湖北百诺木业有限公司将用最真诚的行动来打动每位客户。

55 |
56 |
57 |
58 | 59 | 84 | 85 | 86 | 87 | -------------------------------------------------------------------------------- /css/join.css: -------------------------------------------------------------------------------- 1 | *{margin: 0;padding: 0} 2 | .container .navbar{ 3 | background: white; 4 | border: none; 5 | } 6 | .container .navbar-brand{ 7 | height: 70px; 8 | width: 285px; 9 | line-height: 250px; 10 | background: url("../images/logo0.png") no-repeat center; 11 | margin-top: 8px; 12 | } 13 | @media (max-width: 768px){ 14 | .container .navbar-brand { 15 | width: 80px; 16 | height: 80px; 17 | background: url("../images/logo1.png") no-repeat center ; 18 | background-size: contain; 19 | padding: 15px; 20 | } 21 | } 22 | .container .navbar .nav li>a{ 23 | line-height: 50px; 24 | padding-left: 8px; 25 | padding-right: 8px; 26 | } 27 | .container .navbar .nav>li:hover>a{ 28 | color: #49B951; 29 | border-bottom: 2px solid #49B951; 30 | } 31 | .container .navbar .nav .select>a{ 32 | color: #49B951; 33 | border-bottom: 2px solid #49B951; 34 | cursor: pointer; 35 | } 36 | .container .navbar-default .navbar-header .navbar-toggle .icon-bar{ 37 | background: #2dae36; 38 | } 39 | .container .navbar-default .navbar-header .navbar-toggle{ 40 | border-color: #2DAE36; 41 | margin-top: 30px; 42 | } 43 | .container .navbar-default .navbar-header .navbar-toggle:hover .icon-bar{ 44 | background: #ffffff; 45 | } 46 | .container .navbar-default .navbar-header .navbar-toggle:hover{ 47 | background: #2dae36; 48 | } 49 | /* 图片 */ 50 | .imgages{ 51 | height: 351.3px; 52 | width: 100%; 53 | } 54 | .images img{ 55 | height: 351.3px; 56 | width: 100%; 57 | } 58 | .joinpart{ 59 | width: 100%; 60 | margin-top: 25px; 61 | } 62 | .join-top { 63 | width: 100%; 64 | height: 42px; 65 | padding-left: 10%; 66 | padding-right: 10%; 67 | box-sizing: border-box; 68 | } 69 | .join-top .joinus-title{ 70 | height: 42px; 71 | margin-bottom: 10px; 72 | border-bottom: 1px solid #2dae36; 73 | } 74 | .join-top .joinus-title p{ 75 | height: 42px; 76 | width: 120px; 77 | line-height: 42px; 78 | text-align: center; 79 | background: #2DAE36; 80 | color: white; 81 | font-size: 20px; 82 | border-radius: 16px 0 16px 0; 83 | } 84 | .joinus-list{ 85 | width: 100%; 86 | margin-top: 10px; 87 | } 88 | .joinus-condition{ 89 | box-sizing: border-box; 90 | background: #F9F9F9; 91 | padding: 30px 0; 92 | } 93 | 94 | .row-left{ 95 | height: 170px; 96 | width: 510px; 97 | padding: 20px; 98 | box-sizing: border-box; 99 | text-align: center; 100 | } 101 | .joinus-logo{ 102 | float: left; 103 | text-align: right; 104 | } 105 | .word{ 106 | font-size: 30px; 107 | color: #333333; 108 | } 109 | .font{ 110 | font-size: 18px; 111 | color: #2DAE36; 112 | } 113 | .left-condition{ 114 | height: 105px; 115 | width: 154px; 116 | float: left; 117 | margin-top: 16px; 118 | } 119 | .joinpart .joinus_condition .condition_mes { 120 | font-size: 14px; 121 | color: #333; 122 | line-height: 1.6em; 123 | padding: 15px; 124 | box-sizing: border-box; 125 | } 126 | .row-right{ 127 | width: 540px; 128 | height: 190px; 129 | } 130 | .joinpart .joinus-process { 131 | box-sizing: border-box; 132 | padding: 30px 0px; 133 | border-top: 1px dotted rgb(45, 174, 54); 134 | border-bottom: 1px dotted rgb(45, 174, 54); 135 | } 136 | .joinpart .joinus-policy { 137 | box-sizing: border-box; 138 | padding: 30px 0px; 139 | background: #F9F9F9; 140 | border-top: 1px dotted rgb(45, 174, 54); 141 | } 142 | .joinus-policy .policy-title{ 143 | color: #2DAE36; 144 | font-size: 16px; 145 | font-weight: bold; 146 | } 147 | .joinus-policy .policy-text{ 148 | text-indent: 2em; 149 | color: #666666; 150 | } 151 | .joinus-policy .policy-list{ 152 | color: #666666; 153 | text-indent: 2em; 154 | } 155 | 156 | .mx-center{ 157 | margin-left: auto; 158 | margin-right: auto; 159 | } 160 | .mx-width{ 161 | padding-left: 10%; 162 | padding-right: 10%; 163 | box-sizing: border-box; 164 | } 165 | .foot{ 166 | padding-top:24px; 167 | padding-bottom:16px; 168 | box-sizing: border-box; 169 | background-color:#ddd; 170 | text-align: center; 171 | color:#666; 172 | } 173 | .foot .foot-logo{ 174 | margin-bottom: 16px; 175 | } 176 | .foot .foot-logo img{ 177 | width: 100px; 178 | 179 | } 180 | .foot a{ 181 | color:#777; 182 | text-align: center; 183 | text-decoration: none; 184 | } 185 | .foot .about{ 186 | padding-top: 20px; 187 | } 188 | .foot a:hover{ 189 | color:#2dae36; 190 | } 191 | .foot .copyright{ 192 | font-size: 12px; 193 | text-align: center; 194 | line-height: 2.4em; 195 | } 196 | .foot .contact{ 197 | font-size: 10px; 198 | line-height: 1.6em; 199 | text-align: left; 200 | } -------------------------------------------------------------------------------- /contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 木兮地板 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 36 |
37 | 38 |
39 | 40 |
41 |
42 |
43 |

联系我们

44 |
45 |
46 |
47 |
48 |
49 | 50 | 027-83622296 51 |
52 |
53 |
54 |
55 |
56 | 57 | 13387576980 58 |
59 |
60 | 61 | yt15yi@163.com 62 |
63 |
64 | 65 | 汉西三路香江家居A12栋16号湖北营销中心 66 |
67 |
68 |
69 |
70 |
71 |
72 | 96 | 97 |
98 | 99 |
100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 163 | 164 | 165 | 166 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 木兮地板 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 37 |
38 | 39 | 59 |
60 |
61 |

企业精神

62 |
63 |
64 | 65 |
    66 |
  • 品质
    • 67 |
  • 品质是品牌的发展基石
    • 68 |
  • 坚持好品质,必定铸就优质品牌
    • 69 |
70 |
71 |
72 | 73 |
    74 |
  • 科技
    • 75 |
  • 科技是品牌的助推力
    • 76 |
  • 只有不断科技创新,才能不会被淘汰
    • 77 |
78 |
79 |
80 | 81 |
    82 |
  • 诚信
    • 83 |
  • 诚信是品牌的防护盾
    • 84 |
  • 诚信企业,放心品牌才能走的更长久
    • 85 |
86 |
87 |
88 | 89 |
    90 |
  • 共赢
    • 91 |
  • 共赢是品牌的生命力
    • 92 |
  • 与客户共赢,与员工共赢与企业共赢
    • 93 |
94 |
95 |
96 |
97 |

产品展示

98 |
99 |
100 |
101 | 102 |
103 |
104 | 105 |
106 |
107 | 108 |
109 |
110 | 111 |
112 |
113 | 114 |
115 |
116 | 117 |
118 |
119 |
120 |
121 | 146 | 147 | 148 | 149 | -------------------------------------------------------------------------------- /css/contact.css: -------------------------------------------------------------------------------- 1 | *{margin: 0;padding: 0} 2 | /* 封装 */ 3 | .mx-width{ 4 | padding-left: 10%; 5 | padding-right: 10%; 6 | box-sizing: border-box; 7 | } 8 | /* 头部分 */ 9 | .container .navbar{ 10 | background:#ffffff; 11 | border: none; 12 | margin-bottom: 0; 13 | } 14 | .container .navbar-brand{ 15 | height: 70px; 16 | width: 285px; 17 | line-height: 250px; 18 | background: url("../images/logo0.png") no-repeat center; 19 | margin-top: 8px; 20 | } 21 | @media (max-width: 768px){ 22 | .container .navbar-brand { 23 | width: 80px; 24 | height: 80px; 25 | background: url("../images/logo1.png") no-repeat center ; 26 | background-size: contain; 27 | padding: 15px; 28 | } 29 | } 30 | .container .navbar-nav>li>a{ 31 | line-height: 50px; 32 | padding-left: 10px; 33 | padding-right: 8px; 34 | } 35 | .container .navbar .nav>li:hover>a{ 36 | cursor: pointer; 37 | color: #2dae36; 38 | border-bottom: 2px solid #2dae36; 39 | } 40 | .container .navbar .nav .select>a{ 41 | color: #49B951; 42 | border-bottom: 2px solid #49B951; 43 | cursor: pointer; 44 | } 45 | .carousel-indicators .active{ 46 | background-color:#2dae36; 47 | } 48 | .container .navbar .nav .select>a{ 49 | cursor: pointer; 50 | color: #2dae36; 51 | border-bottom: 2px solid #2dae36; 52 | } 53 | .container .navbar-default .navbar-header .navbar-toggle .icon-bar{ 54 | background: #2dae36; 55 | } 56 | .container .navbar-default .navbar-header .navbar-toggle{ 57 | border-color: #2DAE36; 58 | margin-top: 30px; 59 | } 60 | .container .navbar-default .navbar-header .navbar-toggle:hover .icon-bar{ 61 | background: #ffffff; 62 | } 63 | .container .navbar-default .navbar-header .navbar-toggle:hover{ 64 | background: #2dae36; 65 | } 66 | /* 图片 */ 67 | .contact-img{ 68 | width: 100%; 69 | margin-bottom: 20px; 70 | } 71 | .contact-img img{ 72 | width: 100%; 73 | } 74 | .contact-part .contact-title{ 75 | height: 42px; 76 | margin-bottom: 10px; 77 | border-bottom: 1px solid #2dae36; 78 | } 79 | .contact-part .contact-title p{ 80 | height: 42px; 81 | width: 120px; 82 | line-height: 42px; 83 | text-align: center; 84 | background: #2DAE36; 85 | color: white; 86 | font-size: 20px; 87 | border-radius: 16px 0 16px 0; 88 | } 89 | 90 | 91 | 92 | .contact-part .contact-manner{ 93 | padding: 50px 0; 94 | } 95 | .contact-row{ 96 | padding-left: 15%; 97 | padding-right: 15%; 98 | } 99 | .contact-left span{ 100 | font-size: 25px; 101 | color: #333333; 102 | } 103 | .contact-manner{ 104 | overflow: hidden; 105 | } 106 | .contact-left i{ 107 | height: 56px; 108 | width: 56px; 109 | font-size: 26px; 110 | line-height: 56px; 111 | color: #2DAE36; 112 | border-radius: 30px; 113 | border: 1px solid #2DAE36; 114 | display: inline-block; 115 | text-align: center; 116 | } 117 | .contact-left{ 118 | border-right: 1px solid #2DAE36; 119 | padding: 35px 0; 120 | width: 350px; 121 | } 122 | .contact-right{ 123 | width: 310px; 124 | } 125 | .contact-right i{ 126 | height: 36px; 127 | width: 36px; 128 | line-height: 36px; 129 | font-size: 20px; 130 | color: #2DAE36; 131 | border-radius: 30px; 132 | border: 1px solid #2DAE36; 133 | display: inline-block; 134 | text-align: center; 135 | margin-right: 5px; 136 | margin-left: -10px; 137 | } 138 | .contact-right>div{ 139 | margin-bottom:10px; 140 | } 141 | @media(max-width: 768px){ 142 | .contact-manner{ 143 | margin-left: -70px; 144 | } 145 | } 146 | @media(max-width: 768px){ 147 | .contact-left i{ 148 | height: 36px; 149 | width: 36px; 150 | font-size: 20px; 151 | border-radius: 30px; 152 | border: 1px solid #2DAE36; 153 | display: inline-block; 154 | text-align: center; 155 | line-height: 36px; 156 | margin-right: 5px; 157 | margin-left: -10px; 158 | } 159 | } 160 | @media(max-width: 768px){ 161 | .contact-left span{ 162 | font-size: 15px; 163 | display: inline-block; 164 | } 165 | } 166 | @media(max-width:768px){ 167 | .contact-left{ 168 | margin-top: -70px; 169 | margin-bottom: -15px; 170 | border: none; 171 | } 172 | } 173 | @media(max-width:768px){ 174 | .contact-right{ 175 | margin-bottom: -40px; 176 | } 177 | } 178 | 179 | /* .contact-part .contact-manner{ 180 | padding: 50px 0; 181 | } 182 | .contact-part .contact-manner .manner-left{ 183 | padding-top: 40px; 184 | padding-bottom: 20px; 185 | border-right: 1px solid #2DAE36; 186 | } 187 | .contact-part .contact-manner .row .contact-info { 188 | font-size: 30px; 189 | text-align: right; 190 | padding-right: 56px; 191 | box-sizing: border-box; 192 | } 193 | .contact-manner .row .manner-left .contact-info>span{ 194 | height: 56px; 195 | width: 56px; 196 | border: 1px solid #2DAE36; 197 | display: inline-block; 198 | border-radius: 30px; 199 | margin-right: 10px; 200 | vertical-align: middle; 201 | text-align: center; 202 | } 203 | 204 | .contact-manner .row .manner-left i{ 205 | font-size: 26px; 206 | line-height: 56px; 207 | color: #2DAE36; 208 | } 209 | .contact-part .contact-manner .row span{ 210 | height: 36px; 211 | width: 36px; 212 | border: 1px solid #2DAE36; 213 | display: inline-block; 214 | border-radius: 30px; 215 | margin-right: 10px; 216 | vertical-align: middle; 217 | text-align: center; 218 | } 219 | .contact-manner .row .manner-right i{ 220 | font-size: 20px; 221 | color: #2DAE36; 222 | line-height: 36px; 223 | } 224 | .contact-position{ 225 | width: 100%; 226 | border-top: 1px solid #2DAE36; 227 | border-bottom: 1px solid #2DAE36; 228 | } 229 | .contact-position img{ 230 | height: 318px; 231 | width: 100%; 232 | } */ 233 | .contact-position{ 234 | width: 100%; 235 | border-top: 1px solid #2DAE36; 236 | border-bottom: 1px solid #2DAE36; 237 | } 238 | .contact-position img{ 239 | height: 318px; 240 | width: 100%; 241 | } 242 | /* 底部 */ 243 | .foot{ 244 | background: #dddddd; 245 | padding-top: 23px; 246 | box-sizing: border-box; 247 | text-align: center; 248 | padding-bottom: 16px; 249 | } 250 | .foot .foot-logo img{ 251 | height: 73px; 252 | width: 100px; 253 | } 254 | .foot-width{ 255 | padding-left: 10%; 256 | padding-right: 10%; 257 | box-sizing: border-box; 258 | } 259 | .foot-center{ 260 | margin-left: auto; 261 | margin-right: auto; 262 | } 263 | .foot .row .about a{ 264 | color: #666666; 265 | text-decoration: none; 266 | text-align: center; 267 | } 268 | .foot .about{ 269 | padding-top: 20px; 270 | } 271 | .foot .copyright{ 272 | font-size: 12px; 273 | text-align: center; 274 | line-height: 2.4em; 275 | } 276 | .foot p{ 277 | color: #666666; 278 | } 279 | .foot .row .contact p{ 280 | font-size: 12px; 281 | line-height: 1.6em; 282 | text-align: left; 283 | } -------------------------------------------------------------------------------- /join.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 木兮地板 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 37 |
38 | 39 |
40 | 41 |
42 |
43 |
44 |
45 |

招商加盟

46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 | 57 |
58 |

加盟条件

59 |

Condition of joining

60 |
61 |
62 |
63 |
64 |

1.正常营业过了生存期；

65 |

2.经销商有强烈的发展企图心；

66 |

3.三年以上零售板材终端经验，最好在当地排名前三名，县级前两名为佳；

67 |

4.具有一定的经济实力和好的店面；

68 |

5.认可木兮品牌发展价值观；

69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 | 81 |
82 |

加盟流程

83 |

Join process

84 |
85 |
86 |
87 |
88 |

加盟咨询

89 |

填写加盟申请表

90 |

加盟商资料调查

91 |

店铺选址；

92 |

实地考察与评估

93 |

公司审批

94 |

交信誉保证金、签订特许经营合同

95 |

招聘、培训营业员、标准店铺装修

96 |
97 |
98 |
99 |
100 |
101 |
102 |
103 |
104 |
105 | 108 |
109 |

加盟政策

110 |

Policy of joining

111 |
112 |
113 |
114 |
115 |

行业分析

116 |

近年各地房价快速增长，对房地产的大量需求也带动了装修装饰材料市场的发展，我国住房装修总产值以每年20％的速度递增。同时，装修装饰材料生产区域限制成本过高、产品同质化严重，加上价格竞争，导致企业利润微薄，直接对传统经营模式提出了新的挑战。

117 |

传统经营模式的特点是

118 |
119 |

1、规模偏小；

120 |

2、质量参差不齐;

121 |

3、服务体系不完善；

122 |

4、经营管理水平低；

123 |

5、低层次混乱竞争；

124 |

6、缺乏核心竞争力；

125 |

7、议价销售。

126 |
127 |

传统经营模式的弊端：

128 |
129 |

1、单纯的价格竞争导致低品质、低环保要求；

130 |

2、薄利赊销增大经营风险；

131 |

3、过度营销导致行业陷入困境，加大行业成本；

132 |

4、议价销售缺乏对消费者的保障，影响行业声誉。

133 |
134 |

在此情况下，木兮率先实现从传统经营模式到专卖店销售模式的转移，通过在流通渠道建立品牌影响力，引导行业从低质向高质发展、从不环保向环保发展，从低层次的价格竞争走向品牌竞争。

135 | 136 |
137 |
138 |
139 |
140 |
141 |
142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 183 | 184 | 185 | 186 | 187 | -------------------------------------------------------------------------------- /prodect.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 木兮地板 8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 35 |
36 | 37 | 57 | 58 |
59 |
60 |
61 | 68 |
    69 |
  • 70 |
    71 |
    72 | 73 |
    74 |
    75 | 76 |
    77 |
    78 | 79 |
    80 |
    81 | 82 |
    83 |
    84 | 85 |
    86 |
    87 | 88 |
    89 |
    90 |
    • 91 |
  • 92 |
    93 |
    94 | 95 |
    96 |
    97 | 98 |
    99 |
    100 | 101 |
    102 |
    103 | 104 |
    105 |
    106 | 107 |
    108 |
    109 | 110 |
    111 |
    112 |
    • 113 |
  • 114 |
    115 |
    116 | 117 |
    118 |
    119 | 120 |
    121 |
    122 | 123 |
    124 |
    125 | 126 |
    127 |
    128 | 129 |
    130 |
    131 | 132 |
    133 |
    134 |
    • 135 |
  • 136 |
    137 |
    138 | 139 |
    140 |
    141 | 142 |
    143 |
    144 | 145 |
    146 |
    147 | 148 |
    149 |
    150 | 151 |
    152 |
    153 | 154 |
    155 |
    156 |
    • 157 |
  • 158 |
    159 |
    160 | 161 |
    162 |
    163 | 164 |
    165 |
    166 | 167 |
    168 |
    169 | 170 |
    171 |
    172 | 173 |
    174 |
    175 | 176 |
    177 |
    178 |
    • 179 |
  • 180 |
    181 |
    182 | 184 | 185 |
    186 |
    187 | 188 |
    189 |
    190 | 191 |
    192 |
    193 | 194 |
    195 |
    196 | 197 |
    198 |
    199 |
    • 200 |
201 |
202 |
203 |
204 | 205 | 230 | 231 | 232 | 242 | 243 | --------------------------------------------------------------------------------