/* CSS Document */
*{margin:0; padding:0; list-style:none;}
img{border:0; display: block; vertical-align: baseline;}
p, a{ color:#362c1f; font-family:'Microsoft YaHei'; font-size:14px; text-decoration:none;}
.wrap{ width:1000px; margin: 0 auto;}
.left{ float:left;}
#container{background-color:#f6f4f2;}
#header{background-color:#fff; overflow:hidden;}
#header p{color:#666; float:right; line-height:60px;}
#header a{color:#666;}
#header p span{ margin:0 12px;}
#banner1{background:url(http://www.shibangchina.com/topic/aerated-brick/images/banner1.jpg) center center no-repeat; height:280px;}
#banner2{background: url(http://www.shibangchina.com/topic/aerated-brick/images/banner2.jpg) center center no-repeat; height:280px;}
.next{background-color:#fff; width:1200px; height:85px; margin:0 auto;}
#nextimg{width:227px; height:78px; position:relative; top:-39px; left:485px; cursor:pointer;}
#content{ background-color:#fff; width:1200px; margin:0 auto;}
.brief p{ line-height:24px; padding-top:7px;}
.brief ul{ margin:40px 0 64px 0; overflow:hidden;}
.brief ul li{background:url(http://www.shibangchina.com/topic/aerated-brick/images/brief.jpg) center center no-repeat; width:484px; height:148px; float:left; margin-left:30px;}
.brief li.zero{margin:0;}
.brief li p{padding:22px;}
.title{margin:0 81px 46px 84px; overflow:hidden; clear:both;}
.part11{ background:url(http://www.shibangchina.com/topic/aerated-brick/images/line1.jpg) top right no-repeat; width:427px; height:249px; float:left;}
.part11 p{ margin-top:35px; margin-right:36px;}
.part12{ margin-left:51px; float:left;}
.part12 h3{ margin-bottom:20px;}
.part12 ul li{ border:1px solid #eb921c; width:263px; height:34px; line-height:34px; text-align:center; margin-bottom:18px;}
.clear{ clear:both;}
.part13 h3{ margin:45px 0 35px 0;}
.part13 ul{ margin:24px 12px 36px 13px; overflow:hidden;}
.part13 ul li{ float:left; overflow:hidden; width:282px;}
.part13 ul li.middle{ margin:0 57px; width:296px;}
.part13 li h4{background:url(http://www.shibangchina.com/topic/aerated-brick/images/bg.jpg) no-repeat; color:#fff; width:160px; height:50px; font-family:'Microsoft YaHei'; font-size:16px; font-weight:bold; margin:0 auto; padding-top:20px; text-align:center;}
.part13 li p{ border:1px solid #eb921c; width:139px; height:61px; line-height:61px; text-align:center; float:left;}
.part13 ul .middle p{width:146px;}
.part13 li .raw{ border-left:none; padding-right:1px;}
.part13 li p span{ line-height:24px; position:relative; top:8px;}
#part2{ margin:75px 0 38px 0;}
#part2 h3{ border-color:#048dd4; margin-bottom:28px;}
.part21 p{ margin-top:22px; margin-bottom:50px;}
.part22 p{margin-bottom:26px;}
#part3 ul{ margin-left:162px; margin-bottom:56px; overflow:hidden;}
#part3 ul li{ float:left; margin-right:101px; text-align:center;}
#part3 li a{color:#d71e79; font-size:20px; font-weight:bold; line-height:52px;}
#part4 ul{margin-bottom:43px; overflow:hidden;}
#part4 ul li{float:left; margin-bottom:30px;}
#part5 ul{ overflow:hidden; padding-bottom:75px;}
#part5 ul li{float:left;}
#part5 ul .one{ margin-right:132px;}
#part5 ul .two{ margin-right:108px;}
#part5 li a{ font-size:16px;}
#footer{ background-color:#7a6d5c; padding-top:70px; padding-bottom:84px;}
#footer p{color:#fff; width:665px; margin:14px auto 0 auto; text-align:center;}
#footer p a{color:#fff; margin:0 20px;}
/* fixed sidebar */
.fixed-bar { position: fixed; right: 20px; bottom: 20px; z-index: 50; }
.fixed-bar li { width: 38px; height: 38px; background-color: #fff; border: 1px solid #ddd; margin-top: -1px; overflow: hidden; text-align: center; vertical-align: middle; cursor: pointer;}
.fixed-bar li:hover { border-color: #3671cf; }
.fixed-bar li:hover a { line-height: 999; color: #fff; }
.fixed-bar li a { display: inline-block; text-align: center; text-decoration: none; outline: none; line-height: 999; vertical-align: middle; font-size: 12px; padding-top: 4px; }
.fixed-bar .f-feedback { background: url("http://www.shibangchina.com/images/items/side_03.jpg") no-repeat 0% 0%; }
.fixed-bar .f-feedback:hover { background: url("http://www.shibangchina.com/images/items/side_04.jpg") no-repeat center; }
.fixed-bar .f-chat { background: url("http://www.shibangchina.com/images/items/side_03.jpg") no-repeat 0% 25%; }
.fixed-bar .f-chat:hover { background: url("http://www.shibangchina.com/images/items/side_12.jpg") no-repeat center; }
.fixed-bar .f-wechat { background: url("http://www.shibangchina.com/images/items/side_03.jpg") no-repeat 0% 50%; }
.fixed-bar .f-wechat:hover { background: url("http://www.shibangchina.com/images/items/side_16.jpg") no-repeat center; }
.fixed-bar .f-wechat:hover .wechat-mask { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.fixed-bar .f-phone { background: url("http://www.shibangchina.com/images/items/side_03.jpg") no-repeat 0% 75%; }
.fixed-bar .f-phone:hover { background: url("http://www.shibangchina.com/images/items/side_24.jpg") no-repeat center; }
.fixed-bar .f-phone:hover .phone-mask { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.fixed-bar .f-top { background: url("http://www.shibangchina.com/images/items/side_03.jpg") no-repeat 0% 100%; }
.fixed-bar .f-top:hover { border: 1px solid #3671cf; background: #3671cf; }
.fixed-bar .f-top:hover a { line-height: 15px;}
.fixed-bar .wechat-mask { position: absolute; right: 42px; top: -5px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; }
.fixed-bar .phone-mask { position: absolute; right: 42px; top: 101px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; }
